·伪元素选择器
::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;}
网友评论