你真的会CSS吗？[Css选择器系列一]

你真的会CSS吗？[Css选择器系列一]

 

选择符、选择器优先级、选择器作用域

/* 后代关系 */
.box div {background: #fff;}
/* 父子关系 */
.box > div {background: #fff;}
/* 相邻兄弟关系 */
.box + div {background: #fff;}
/* 兄弟关系 */
.box ~ div {background: #fff;}

以上四种是我们在编写CSS样式文件中常见的选择符，除此之外还有双管道符 || 和管道符 | ，相关知识内容个人理解不太用的到，此处不做阐述。

选择器作用域

• 选择器的作用域除基本是全局作用域的，即网页的样式呈现只关乎CSS代码的作用顺序，无关元素本身顺序。
• 除此之外，现如今CSS选择器是有局部作用域概念的，如Vue文件中的