第二十节：Vue3中CSS用法(scoped、选择器、module、v-bind) 和 Less 、Sass的使用 (1). 当 <style> 标签带有 scoped attribute 的时候，它的 CSS 只会影响当前组件的素 原理：在标签上生成一个 data-xxxx 属性，通过该属性实现唯一性，详见截图 
(2). 使用 scoped 后，父组件的样式将不会渗透到子组件中。不过，子组件的根节点会同时被父组件的作用域样式和子组件的作用域样式影响 A. 子组件的根节点会收父组件的影响，非根节点不是影响。 如果子组件child1中最外层div的类名也叫box1，则会被父组件的样式替代 如果子组件child1中非外层div的类名也叫box1，则不受父组件影响 B. 子组件被添加两个 data-xxx属性 <div class=”childbox1″ data-v-c74b84a5=”” data-v-beda6b21=””>我是子组件</div>
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/88157.html
