CSS选择器
CSS选择器
CSS提供了众多的选择器,用于选择想要获取的元素
标签选择器
- 类选择器
- 属性选择器
- 标签选择器
- div,p 和 div和p
- div p div内部的所有p元素
div>p div的子元素为p
div+p 紧接在div之后的所有p元素
属性选择器
[target] 包含target属性的元素
- [target=‘ll‘] taget属性为ll的元素
[target~=‘ll‘] taget 属性包含ll的元素
[target|‘en‘]
伪类选择器
- a:link a链接样式
- a:visited a已被访问样式
- a:hover a鼠标悬停在链接上样式
a:active a激活样式
伪元素选择器
- ::after
- ::befor
- Div:first-child 首先是div元素,然后必须是第一个
- Div:first-of-type 首先是div元素,还是div元素中的第一个
注意这两种选择器容易混淆,它并不是值div元素的第一个,而是当前选择的元素是div,冒号后边描述改div元素的位置
此时会选择main元素下的第一个div元素
由于div不是第一个,所以不会被选中,但是 first-of-type则会选中
div:first-of-type 和div:nth-of-type(1)具有一样的效果
选择器还有很多,等遇到在补充~
相关推荐
jiedinghui 2020-10-25
葉無聞 2020-09-01
buttonChan 2020-08-02
drdrsky 2020-07-05
覆雪蓝枫 2020-06-09
Phoebe的学习天地 2020-05-31
沈宫新 2020-04-08
zengni 2020-04-07
sdbxpjzq 2020-06-25
xiaohuli 2020-06-17
teresalxm 2020-06-13
葉無聞 2020-07-05
opspider 2020-06-28
zhanghaibing00 2020-06-28
opspider 2020-06-26
somboy 2020-06-26
zhanghaibing00 2020-06-14