标签选择器

元素选择器标签

 p{
     /*CSS声明*/
 }

通用选择器*

 *{
     /*CSS声明*/
 }

分组选择器,

 h1,h2,p{
     /*CSS声明*/
 }

包含选择器空格

 li strong{
     /*CSS声明*/
 }

id选择器id

<p id=red>段落</p>

 #red{
     /*CSS属性*/
 }

类选择器.

<p class=max>段落</p>

 .max{
     /*CSS属性*/
 }

子元素选择器>

<!--h1里面的strong生效-->

<h1> <strong>粗体</strong> </h1>

 h1>strong{
     /*CSS属性*/
 }

相邻兄弟选择器+

<!--h1后面的第1个p生效，第2个无影响-->

<h1> <strong>第1个粗体</strong> </h1>

<h1> <strong>第2个粗体</strong> </h1>

 h1+p{
     /*CSS属性*/
 }

几种属性选择器[]

1. 属性选择器

    [title]{
        /*CSS属性*/
    }

2. 属性和值选择器

    [title="max"]{
        /*CSS属性*/
    }

3. 属性和多个值选择器(~)

    [title~="max"]{
        /*CSS属性*/
    }

4. 属性和多个值选择器(|)

    [title|="max"]{
        /*CSS属性*/
    }