如果父组件style设置了scoped，除了全局样式与子组件内部修改样式以外不受外部样式的影响，但要是父组件想修改子组件某个地方的样式但又不想为了这么一点变动去添加个全局样式该怎么做呢？
这种情况可以使用带穿透功能的css选择器 >>>，如：
<style scoped> .nav >>> .component{ color: #f1f1f1; } >>> .component{ color: #fff; } </style>
与其作用相同的还有深度作用选择器/deep/
<style scoped>
.nav /deep/ .component{
color: #f1f1f1;
}
/deep/ .component{
color: #fff;
}
</style>CSS 选择器nth-child的几种用法
在开发过程中，会碰到一些选择器的需求：例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 . . . 等等。
css节点选择器
基础选择器是选择器的所有选择器的基本组成元素，也最简单，包含如下5个类别：ID选择器，标签选择器，类选择器，属性选择器，通配选择器
巧用CSS属性值正则匹配选择器
这3种属性选择器是字符匹配，而非单词匹配。其中，尖角符号^、美元符号$以及星号*都是正则表达式中的特殊标识符，分别表示前匹配、后匹配和任意匹配。利用这些选择器，纯CSS就可以做出很炫酷的功能。
jQuery选择器
选择器是jQuery的根基,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器。不仅能简化代码，而且可以达到事半功倍的效果.jQuery的优点:1.简洁的语法,2.完善的事件处理机制
CSS选择器及优先级
!important > 内联 > ID选择器 > 类选择器 > 标签选择器。优先级是由A、B、C、D的值来决定的，其中它们的值计算规则如下：如果存在内联样式，那么A = 1, 否则A = 0;B的值等于ID选择器出现的次数;
vue 选择器_实现scoped深度作用选择器
vue项目中，当<style>标签有scoped属性时，它的 CSS 样式只作用于当前组件中的元素，父组件的样式将不会渗透到子组件中。如果你希望 scoped 样式中的一个选择器能够作用得更深，例如影响子组件
css选择器总结_30个CSS3选择器
总结30个CSS3选择器：*选择器是选择页面上的全部元素，上面的代码作用是把全部元素的margin和padding设为0，最基本的清除浏览器默认样式的方法。
javascript选择器有哪些？
JavaScript选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()。
CSS中的focus-within伪类选择器
在CSS中 :focus-within 是一个伪类，CSS中伪类:focus-within能非常方便处理获取焦点状态， 当元素本身或其后代获得焦点时，:focus-within伪类的元素就会有效。
CSS选择器:nth-child()和:nth-of-type()的使用
今天就讲一下css选择器:nth-child()和:nth-of-type()的使用。:nth-child()和:nth-of-type()的支持度，所有主流浏览器均支持:nth-child()和:nth-of-type()选择器，除了 IE8 及更早的版本。