Web开发人员的CSS选择器-DEV365 开发者社区

CSS选择器

1个元素选择器

h3 {
    /* write your css */ 
}

2 ID选择器

#head {
    /* write your css */ 
}

3类选择器

.head-title {
    /* write your css */ 
}

4属性选择器

ol[type="a"] {
  /* write your css */ 
}

5后代选择器

div .card-title {
   /* write your css */ 
}

6通用选择器

* {
  /* write your css */ 
}

7 n类型的选择器

div:nth-of-type(2) {
  /* write your css */ 
}

8个伪级选择器

*The syntax of pseudo-class:*
selector:pseudo-class {
  property: value;
}

示例：

a:hover {
  /* write your css */
}