人亦已歌 发表于 2023-1-31 17:54:20

CSS核心(八)复合选择器之通配选择器--选中页面中的所有标签


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复合选择器之通配选择器--选中页面中的所有标签</title>
</head>
<style>
        *{ color:#F00;
                padding:0;
                margin:0;
        }/* *代表所有标签 */
        div{
                width:200px;
                height:200px;
                background:#1C193A;       
                color: aliceblue;
        }
</style>
<body>

<div>慈众易博网页信息自动发布系统V9一款网页/HTTP协议类全自动辅助操作工具</div>
<p>慈众易博网页信息自动发布系统V9是继早期的V7、V8版本之后又一款简单高效的万能网络营销推广工具</p>
<span>慈众易博网页信息自动发布系统V9是专业营销推广人员及SEO从业人员的核武器</span>
<i>慈众易博网页信息自动发布系统V9</i>

</body>
</html>




解释一下:
以上代码中我们先用*这样的选择器选中了页面中的所有元素,并进行了一些css设置,然后又用标签选择器设置了div的css样式,后面标签选择器中css设置的覆盖了*的css设置。

*是通配选择器,表示选中所有元素,但它的优先级是最低的,任何选择器的css设置都可以覆盖通配选择器的css设置。

执行结果如下:


phoenixsun 发表于 2023-2-15 21:51:15

有道理啊

啊信 发表于 2023-2-22 12:04:05

三人行,必有我师

sjy913 发表于 2023-2-26 23:46:48

好文!此文让我少走四年弯路!!!

88503636 发表于 2023-3-3 16:08:31

同样的说法,感动!我有时候有一种感觉就是经常写程序,写到一定程度就没有太大的提高了。总觉得自己学的差不多了!看了这篇文章真的惭愧越年越心虚!越感到自己的无知!再一次谢了!发自内心的!有了以后的想法!还是感谢!别的什么都不说了!

爱好学习者 发表于 2023-3-10 11:19:15

让我深有感触,感觉自已差太多太多了   

meidi 发表于 2023-3-16 20:14:49

好!

sumren 发表于 2023-3-22 10:05:07

我是新手,希望大家多多指教!谢谢!我爱VB!

易水寒1975 发表于 2023-3-26 21:50:33

原来优化程序那么重要!虽然我也知道该优化的就要优化,但是,我从来没考虑过要主动优化程序!我只要能写出来,能运行了我就觉得是完成了!

yjwjsion 发表于 2023-3-30 11:28:31

呵呵,惭愧!
页: [1] 2 3 4
查看完整版本: CSS核心(八)复合选择器之通配选择器--选中页面中的所有标签