·伪元素选择器

::first-letter{color:red;} 选中第一个字母

::first-line{color:red;} 选中第一行

::before{content:"before";} 在某个元素前面插入一些内容

::after{content:"after";} 在某个元素后面插一些文本

::selection{color:red;background-color:#ccc;}应用于被用户选中的内容

·组合选择器

<div class="main">

    <h2>标题一</h2>

    <div>

        <h2>标题二</h2>

        <p>段落一</p>

    </div>

</div>

后代选择器

.main h2{color:red;}

子选择器

.main>h2{color:red;}

兄弟选择器

<div>

    <h2>标题</h2>

    <p>段落一</p>

    <p>段落二</p>

</div>

h2+p{color:red;} 选中前面紧挨的兄弟为h2的p

h2~p{color:red;} 选中前面有h2的p

选择器分组

h1,h2,h3{color:gray;font-family:sans-serif;}