伪元素选择器
第一个字母
::first-letter{}
伪元素选择器应用于被用户选中的内容
::selection{
color:red;
background-color:#ccc;
}
组合选择器
- 后代选择器
- 子选择器
- 兄弟选择器
html
<div class = "main">
<h2>标题一</h2>
<div>
<h2>标题二</h2>
<p>段落一</p>
</div>
</div>
改变标题一和标题二
.main h2{color:red;}
仅改变标题一
.main>h2{color:red;}
html
<div>
<h2>标题一</h2>
<p>段落一</p>
<p>段落二</p>
</div>
改变标题和段落一（相邻的下一个p元素）
h2+p{color:red;}
改变标题 段落一和段落二（标签后面所有的p元素）
h2~p{color:red;}
选择器分组
h1,h2,h3{}
