CSS核心(七)复合选择器之使用多个选择器精确选择一个元素

[复制链接]
查看: 2311|回复: 31
发表于 2023-1-31 17:39:02 | 显示全部楼层 | 阅读模式
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复合选择器之使用多个选择器精确选择一个元素</title>
</head>

<body>
<style>
        div.ft30.red{
                color: red;
        }
</style>
<div></div>
<p></p>
<span>慈众网络科技</span>
<div class="ft30 red">慈众营销致力于为企业网络营销及产品B2B、博客、论坛推广提供最优发帖平台、发帖软件及推广工具的万能解决方案。</div>
<span class="ft30 red">2019最新研发的易博万能网页信息发布系统,创新数据提交模式,更简单、更便捷、更高效,让营销菜鸟也会编写网页发帖软件!</span>
<p class="ft30">慈众易博网页信息自动发布系统V9,是一款网页/HTTP协议类全自动辅助操作工具</p>
<a class="ft30" href="https://www.teamczyx.com">慈众易博网页信息自动发布系统V9</a><br>
<b class="red">产品简介</b>
</body>
</html>



解释一下:
以上代码中,我们通过div.ft30.red这样的语法选择到了<div class="ft30 red">这个标签,它的意思是:标签名为div,类名为ft30和red的标签。

div.ft30.red 这样的选择器语法表示:要选择一个标签,选择器表达式中的任意一个基本选择器都指向这个标签。
也就是说:如果连写多个基本选择器表示选择一个元素


执行结果如下:

CSS核心(七)复合选择器之使用多个选择器精确选择一个元素

易博软件介绍

0

主题

12

帖子

7

积分

营销入门

Rank: 2

积分
7
发表于 2023-2-15 21:51:15 | 显示全部楼层
^学习

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-2-22 18:06:00 | 显示全部楼层
说得好,多谢你将的心德与我们共享

0

主题

6

帖子

3

积分

营销入门

Rank: 2

积分
3
发表于 2023-2-27 05:49:04 | 显示全部楼层
^本人从这篇文章中看到了自己的水平,文中的作者大哥已经是一个很棒的程序员了,但是他从社会中体会到了真正的高手是怎么样的,加油  写的非常精劈,非常支持这种观点

1

主题

80

帖子

42

积分

终身会员

Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25

积分
42

终身会员

发表于 2023-3-4 09:12:07 | 显示全部楼层
说了确实是有点热血沸腾...  有些时候一个问题并不是一会儿就能找到最好方法的  所以每当写一行程序时就应想想当运行到这时会怎么样  想的多了大脑也就精了  最顶楼那个面试官难道是一开始就想到了用那种方法  有规律的才能有最简的方法-----只是一时没想到而已  另外我就不懂离散数学是什么样的(是估计值吗)  

0

主题

9

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-3-10 11:19:15 | 显示全部楼层
写的很好,想成为一个好的程序员,需要努力努力再努力!!!

1

主题

192

帖子

98

积分

营销菜鸟

Rank: 3Rank: 3

积分
98
发表于 2023-3-16 20:14:49 | 显示全部楼层
谢谢 向你致敬~~~!

0

主题

19

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-3-20 07:48:28 | 显示全部楼层
我还没有编出什么东西,但我知道现在应该注意那些了.多谢

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-25 21:40:47 | 显示全部楼层
真的很受启发,但是很多时候只是为了赶进度,只能拿最拿手的最快的办法来写了

1

主题

240

帖子

122

积分

营销菜鸟

Rank: 3Rank: 3

积分
122
发表于 2023-3-29 15:19:28 | 显示全部楼层
感动感动
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|Archiver|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表