Shulou(Shulou.com)06/01 Report--

Editor to share with you how to use CSS in the component scope:: v-deep to modify the component style, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Use:: v-deep to modify component styles in CSS within the scope of the component

There are many scenarios where you want to change the style of UI components, and then you are afraid of affecting the use of others, and scoped will not take effect. You can use the:: v-deep depth selector to modify the style of CSS within the scope of the component. In CSS we can use the > operator, but in the preprocessor we use / deep/ or:: v-deep.

> .ivu-tabs-tabpane {background: # f1f1f1;} / deep/ .ivu-tabs-tabpane {background: # f1f1f1;}:: v-deep .ivu-tabs-tabpane {background: # f1f1f1;}

:: v-deep and / deep/ have the same function, but it is not recommended to use / deep/,. / deep/ will not be supported in Vue3.0.

The above is all the content of the article "how to use:: v-deep to modify component style in CSS in component scope". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.