CSS核心(四)复合选择器之后代选择器 --准确找到任意子元素

[复制链接] [提交至百度]
查看: 654|回复: 8

857

主题

1451

帖子

6904

积分

管理员

人亦已歌

Rank: 12Rank: 12Rank: 12

积分
6904

活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

发表于 2023-1-31 17:13:21 | 显示全部楼层 |阅读模式
后代选择器的原理是:通过祖级元素寻找任意后代元素。


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复合选择器之后代选择器 --准确找到任意子元素</title>
</head>

<body>
        <style>
                /* 后代选择器(利用祖宗准确选择标签) */
        div p{
            color:red;        
        }
    </style>
    <div>
            <div>
                <p>慈众营销致力于为企业网络营销及产品B2B、博客、论坛推广提供最优发帖平台、发帖软件及推广工具的万能解决方案。</p>
        </div>
    </div>
    <p>2019最新研发的易博万能网页信息发布系统,创新数据提交模式,更简单、更便捷、更高效,让营销菜鸟也会编写网页发帖软件!</p>
</body>
</html>


解释一下:
以上代码中,我们使用div p这样的格式去选择了div中的p元素,我们看到,在html结构中,有两个p标签,一个p标签被两层div包裹,另一个没有被包裹。
div p这样的选择器语法表示:div中的p。也就是说,不论p的外面套了多少层div,它都能找到。

执行结果如下:

CSS核心(四)复合选择器之后代选择器 --准确找到任意子元素


0

主题

6

帖子

3

积分

营销入门

Rank: 2

积分
3
发表于 2023-2-15 20:50:12 | 显示全部楼层
看来以前所做的努力都和这上面说的错太远了啊。  我将来也得走程序员的路,我知道它很苦.至少现在刚开始接触程序的我就已经焦头烂额了,而自己还不知急,整天怨天尤人.读了这篇文章使我收益非浅.让我真正的认清自己.我想起了编程老师为让我们抓紧学习,给我们讲中国软件在世界的地位,美国可以占90%,10%是欧洲的,13亿人口的中国却占不上位置.为什么会这样,我不敢评论,因为自己没资格.我们寝室的同学可能略见一斑,打游戏,每天必修,老师留了个万年历的分组完成程序,我们组十一在学校玩了7天,愣是一个也没有去做的,我自己电脑不能装VC那是借口,我知即使我装上了VC我也做不出来,我自己也是1天到晚的游戏啊!自己还想学好C,这样又怎么学好啊!没毅力,没韧性.坐享天成又怎么可能呢?谢谢您的教导让我如梦初醒!  楼主的文章对我启发很大,我也是一个学计算机的本科生,谢谢楼主。

0

主题

21

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-2-22 10:02:37 | 显示全部楼层
哎 ~~~~~~~~~~  默默无问两眼泪啊~~  太好了 , 这篇文章我一定要收藏,(楼主不介意吧)  他将是将是我踏上成功的催化剂

0

主题

9

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-2-26 20:45:52 | 显示全部楼层
发人深省!

0

主题

6

帖子

3

积分

营销入门

Rank: 2

积分
3
发表于 2023-3-3 10:07:45 | 显示全部楼层
看了你写的东西,心里有些感触,谢了

0

主题

181

帖子

91

积分

终身会员

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

积分
91

终身会员

发表于 2023-3-10 22:23:03 | 显示全部楼层
^写的不错呀

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-17 00:15:33 | 显示全部楼层
谢谢,受教了!  呵呵。早点看到就好了呀!!

0

主题

10

帖子

6

积分

营销入门

Rank: 2

积分
6
发表于 6 天前 | 显示全部楼层
看了此文章,真是受益非浅啊!!!!!!!!!!!!!!!!!!!!!!!!    要做一个好的程序员得要下苦功夫啊

0

主题

6

帖子

3

积分

营销入门

Rank: 2

积分
3
发表于 前天 14:48 | 显示全部楼层
真的很不容易呀!说的好!
懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

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

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

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

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

返回顶部 返回列表