[分享]css中常用的选择器的描述

在CSS样式表中，选择器决定了哪些元素将受到样式的影响。这里介绍一些CSS中常用的选择器。p { / 样式代码 / } 标签选择器标签选择器是CSS中最基本的选择器，它可以选择HTML元素的所有实例。...

在CSS样式表中，选择器决定了哪些元素将受到样式的影响。这里介绍一些CSS中常用的选择器。

p {
  /* 样式代码 */
} 

标签选择器

标签选择器是CSS中最基本的选择器，它可以选择HTML元素的所有实例。例如，在下面的代码中，p标签选择器将应用样式到HTML中所有的

标签。

p {
  /* 样式代码 */
} 

类选择器

类选择器可以通过给HTML元素添加一个class属性，来选择一个或多个元素。以一个句点（.）开头，后面跟着类名。

.my-class {
  /* 样式代码 */
} 

id选择器

id选择器可以通过给HTML元素添加一个id属性，来选择唯一的元素。以井号（#）开头，后面跟着ID名。

#my-id {
  /* 样式代码 */
} 

后代选择器

后代选择器可以选择一个元素中的另一个元素。它们通过空格来分隔各个元素。例如，下面的代码选择所有

div p {
  /* 样式代码 */
} 

div > p {
  /* 样式代码 */
} 

a:hover {
  color: red;
}