代码改变世界

css选择器

2018-07-29 09:47  w**2  阅读(126)  评论(0编辑  收藏  举报

1、元素选择器

会选到HTML中所有同样的标记

2、类选择器

会应用到具有这个类的元素

3、ID选择器

具有唯一性

4、通配符

* 表示所有

5、伪类选择器

link 未访问时

hover 鼠标悬停、移入

active 鼠标点击下去时

visited 访问后

li:nth-child()

li:first-chlid

li:last-chlid

li:not(first-chlid)

6、伪元素选择器

before 在什么之前

after 在什么之后

first-line 首行

first-letter 首字母

7、并集选择器

h1,h2,h3,box1{

                         font-weight:normal;

}

8、后代选择器

.box2 span{

                    border:1px solid red;

}

9、子级选择器

.box2>span{

                     border:1px solid red;

}