CSS深层选择器怎么理解

这篇文章主要介绍了CSS深层选择器怎么理解的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇CSS深层选择器怎么理解文章都会有所收获，下面我们一起来看看吧。
我们知道使用》>或者/deep/ 是深层选择器，用来选择子组件里相关的元素，今天还发现了原来》>只能在一个选择器上写一个
从上回书我们知道
>>> .level{
co免费云主机、域名lor: red;
}
像这样的深层选择器会产生如下的样式
[data-v-147fc646] .level{
color: red;
}
今天改组件库的样式，本来是想写的完美一点
>>> .level >>> .level3{
color: red;
}
结果发现怎么都成不了，打开

[data-v-147fc646] .level >>> .level3{
color: red;
}
而》>对于浏览器来说不认识，所以该选择器就变成了无效的选择器
那如果真要。level下深层选择。level3该如何，其实这里只要用原本的后代选择器即可
>>> .level .level3{
color: red;
}
它被转义为
[data-v-147fc646] .level .level3{
color: red;
}
也就是说Scope CSS里深层选择器的用法，对于》>只会出现一次，多写了反而出错，并且该错误看不到警告或提示。关于“CSS深层选择器怎么理解”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“CSS深层选择器怎么理解”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注云技术行业资讯频道。

相关推荐: html5特性有什么

这篇文章免费云主机、域名将为大家详细讲解有关html5特性有什么，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。html5特性包括：1、语义标签；2、增强型表单；3、视频和音频；4、Canvas绘图；5、SVG绘…