【学习笔记】HTML/CSS选择符总结

用于选择特定元素的选择符分为三种：
①.上下文选择符：基于祖先或同胞元素选择一个元素。
②.ID和类选择符：基于id和class属性的值（你自己设定）选择元素。
③.属性选择符：基于属性的有无和特征选择元素。

上下文选择符的格式：
标签1 标签2 {声明} 其中，标签2是我们想要选择目标，而且只有在标签1是其祖先元素（不一定是父元素）的情况下才会被选中。用于选择作为指定祖先元素后代的标签。
特殊的上下文选择符：
a.子选择符> 格式：标签1>标签2（标签2必须是标签1的子元素）
b.紧邻同胞选择符+ 格式：标签1+标签2（标签2必须紧跟在其同胞标签1的后面）
c.一般同胞选择符~ 格式：标签1~标签2（标签2必须跟（不一定紧跟）在其同胞标签1的后面）
d.通用选择符* 通配符，它匹配任何元素。
ID和类选择符：
类选择符：
1.类选择符 格式：.类名
2.标签带类选择符（把标签名和类选择符写在一块）
eg：<p class="specialtext">愿无岁月可回头，且以情深共<em>白头</em>。</p>
css:p.specialtext{color:red;}
p.specialtext span{color:blue;}
3.多类选择符
eg:<p class="specialtext featured">愿无岁月可回头，且以情深共白首</p>
css:.specialtext.feaured{font-size:120%;}
属性选择符：
①.属性名选择符：标签名[属性名]（选择任何带有属性名的标签名）
②.属性值选择符：标签名[属性名=“属性值”]

---

以上学习笔记供大家参考。谢谢阅读。