人亦已歌 发表于 2023-1-31 17:28:53

CSS核心(六)复合选择器之多元素选择器--一次选择多个元素


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复合选择器之多元素选择器--一次选择多个元素</title>
</head>

<body>
<style>
        /* 一次性给多个元素设置样式 */
        div,p,span{
                color:red;       
        }
       
</style>
<div>慈众营销致力于为企业网络营销及产品B2B、博客、论坛推广提供最优发帖平台、发帖软件及推广工具的万能解决方案。</div>
<p>2019最新研发的易博万能网页信息发布系统,创新数据提交模式,更简单、更便捷、更高效,让营销菜鸟也会编写网页发帖软件!</p>
<span>慈众网络科技</span>

</body>
</html>




解释一下:
以上代码中,我们通过div,p,span这样的语法同时选择了div标签、p标签和span标签,也就说:用逗号分割多个基本选择器时选中的就是多个元素。

div,p,span 这样的选择器语法表示:同时选择div标签、p标签和span标签。

执行结果如下:


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

我 是刚学这门课的,当我看到这以后,震惊了,一个程序的设计是如此的复杂,我想我也是时候奋斗了,愿所有的程序设计人员都能步入高手之列      突想起伯苓师的一句话“中国不亡有我在” 奋发图强,创造中国人的辉煌

艾·奥里斯 发表于 2023-2-22 18:06:00

受启发了思索中

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

你用的是VB,他上面的大概是C吧

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

真的很好拉。虽然我是个初学者但是 让我少走了不少弯路。谢谢大师。呵呵天天好心情拉。呵呵

迟来的爱 发表于 2023-3-9 21:14:59

感谢楼主的肺腑之言

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

很好很棒!我虽然是一名初学者,但是看了这篇文章后,对我有了很大的触动,在今后的学习之路上可能会遇到各种各样的难题,但我会坚守一条,坚持就是胜利!世上没有解不开的结,没有过不去的坎!努力!

Ryanxiaohai 发表于 2023-3-20 07:48:28

感想很多,很受用,谢谢楼主!

宿命原创 发表于 2023-3-25 14:37:08

真的不错,看了很受启发。学习!太多的学习

biscy 发表于 2023-3-29 12:16:41

没什么我只是一个大专生相信让我出题的话同样范畴的题我也可以不他考住没有两个人的思维是一样的很简单的道理他的想法不可能和我的想法一样
页: [1] 2 3 4
查看完整版本: CSS核心(六)复合选择器之多元素选择器--一次选择多个元素