在写组件时，定义样式一般会加入 scoped 属性，这样定义的样式只在组件内部生效，不会干扰到其它组件，起到样式隔离的作用。
特殊情况下，希望某个样式能够全局生效，该如何处理呢？
我之前有两种办法：
scoped 属性，然后利用 scss 的能力去控制样式隔离。scoped 属性的 <style>.后来发现，一个更简洁的技巧是利用 :global 伪元素即可：
<style scoped>
:global(.red) {
color: red;
}
</style>
本文将介绍伪元素和伪类选择器的一些知识，以及在VUE中伪元素的动态数据更新； 伪元素和伪类： 伪元素：在内容元素的...
原文 博客原文 大纲 1、伪元素2、伪类元素3、伪元素和伪类元素的区别4、伪类和伪元素的使用 1、伪元素 伪元素在...
1.伪元素+transform:translateX(-100%); 伪元素 结合 定位 2.伪元素+flex (...
css3为了区分伪类和伪元素，伪元素采用双冒号写法。 伪元素： [ 伪元素用于向某些选择器设置特殊效果，简单来说，...
在简书的vue前端开发中，遇到了一些问题，有一个是关于伪元素的使用的，关于伪元素，之前都没有听说过，这次遇到了，查...
安装VUE VUE官网 npm install vue npm install --global vue-cli ...
伪类&伪元素 首字样式控制 —— 使用伪元素::first-letter 首行样式控制 —— 使用伪元素::fir...
一、伪元素与伪类 1. 常见的伪类 2. 伪元素 二、伪元素（这里只说::before和::after） 1. 了...
伪元素和伪类 什么是伪元素？ CSS 在渲染文档的时候，伪元素可以通过 css 给 HTML 添加一个元素（叫标签...
1. 什么是伪类和伪元素1.1. 伪类1.2. 伪元素1.3. 伪类与伪元素的区别 2. 使用 1. 什么是伪类和...
本文标题：Vue 小技巧 —— :global 伪元素
本文链接：https://www.haomeiwen.com/subject/fvumujtx.html
网友评论