本人初步接触CSS,这段时间一直和CSS打交道,不同的代码、命令对于初学的我来说,确实很头疼。今天我把最近学的几种选择器罗列了一下,用我自己觉得比较容易记的方法,大家看看,还望各位大神指点一二!!!!!!!
1.*(星状选择符,也称“全局选择器”)
*可以匹配任意元素, 就是说会在页面上的每一个元素上起作用,例如:
由于*的作用面积太大,我建议在写页面的过程中不要过多的使用,避免过多耗用浏览器资源的情况。
2.E(元素选择器)
E 匹配任意E元素,即类型为E的元素,例如:
3.id选择器,依赖于#,id不能重复。例如:
4.类(class)选择器(依赖于·,类可以被重复定义)例如:
5. 后代选择器{E F(匹配E元素后代的任意F元素)} (前辈与后代的关系)例如:
6. 子选择器{E>F(匹配E元素子元素的任意F元素)} (父子关系)例如:
7. 相邻同胞选择器(兄弟选择器){E1+E2(具有相同的父级元素,且E1紧接在E2之前)} 例如:
8. 属性选择器 例如:
9. 伪类选择器(:first-child和:last-child)例如:
10. 链类伪类(:i nk和:visited)例如:
11. 动态伪类(:hover,:active和:focus) 例如:
以上选择器是本人近期学习中常用的几种,希望对各位新手朋友有帮助。当然选择器还有很多种,有些是不常用的,有些是我还没有接触到的,咱们慢慢积累····