·偽元素選擇器
::first-letter{color:red;} 選中第一個字母
::first-line{color:red;} 選中第一行
::before{content:"before";} 在某個元素前面插入一些內(nèi)容
::after{content:"after";} 在某個元素后面插一些文本
::selection{color:red;background-color:#ccc;}應(yīng)用于被用戶選中的內(nèi)容
·組合選擇器
<div class="main">
??? <h2>標(biāo)題一</h2>
??? <div>
??????? <h2>標(biāo)題二</h2>
??????? <p>段落一</p>
??? </div>
</div>
后代選擇器
.main h2{color:red;}
子選擇器
.main>h2{color:red;}
兄弟選擇器
<div>
??? <h2>標(biāo)題</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;}
