伪元素选择器

第一个字母

::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{}