css 经常使用的选择器(包括scss/less)后续会继续补充
{
{ }
}
非常常见,越往里说明辈份越小
- div:nth-child(n) div第n个孩子 这个n是从1开始的哦
类似的有 p:first-child last-child等
假设n为3这个有个需要注意的点:第三个p 和第三个span都会生效
只要是第三个并且他的父亲是div就会生效
<div>
<p></p>
<p><span></span><span></span><span></span></p>
<p></p>
</div>
3 .想要第三个p生效但是第三个span不生效,可以使用>:nth-child(n).
代表亲儿子
4 .&
.a {
&.b {}
}
这个类似 .a.b{} 是同级的哦 作用在一个元素上的
.a .b{}中间有空格这个b是a的子元素。
4.常见的div 元素选择器 #hhh .hhh id选择器不常用哦 开发中类选择器用的很多贴一个写的很好的总结,(如有侵权可以告诉我我删除哈)共同学习 嘿嘿嘿https://blog.csdn.net/b954960...
转载自:https://segmentfault.com/a/1190000041257638