@ CSS选择器first?
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点,你前面有个content所以会失效
1
2
3
你把这里的span去掉和加上再看效果 就明白了
@ css层次选择器怎么用?
css层次选择器具体用法如下:
采用后代选择器 :从上面可以看出所有的标签都是body的后代,那么大家使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。
以上资料供参考。
@ not选择器不支持复杂选择?
尽管css的选择器很强大了,但是考虑其兼容性,尽可能的少用,比如大家在做一个前端页面的切图的时候,会看情况:
如果是h5手机网站,推荐用css选择器
如果是pc网站,适当用css选择器
如果是pc网站,并且是政府、学校等机关单位,杜绝用css选择器