Web全栈-通配符选择器

Posted 从菜鸟到老鸟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web全栈-通配符选择器相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>通配符选择器</title>
    <style>
        /*
        .cc{
            color: red;
        }
        */
        *{
            color: red;
        }
    </style>
</head>
<body>
<!--
1.什么是通配符选择器?
作用: 给当前界面上所有的标签设置属性

格式:
*{
    属性:值;
}

注意点:
由于通配符选择器是设置界面上所有的标签的属性, 所以在设置之前会遍历所有的标签, 如果当前界面上的标签比较多, 那么性能就会比较差, 所以在企业开发中一般不会使用通配符选择器
-->
<!--
<h1 class="cc">我是标题</h1>
<p class="cc">我是段落</p>
<a href="#" class="cc">我是超链接</a>
-->
<h1>我是标题</h1>
<p>我是段落</p>
<a href="#">我是超链接</a>

</body>
</html>

以上是关于Web全栈-通配符选择器的主要内容,如果未能解决你的问题,请参考以下文章

Web全栈-后代选择器和子类选择器

Web全栈-id选择器和类选择器

Web全栈-后代选择器

Web全栈-标签选择器

python 全栈 web基础 CSS

web前端学习-CSS