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

[复制链接]
查看: 2038|回复: 31
发表于 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

主题

17

帖子

9

积分

营销入门

Rank: 2

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

0

主题

29

帖子

16

积分

营销入门

Rank: 2

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

0

主题

24

帖子

13

积分

营销入门

Rank: 2

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

0

主题

12

帖子

7

积分

营销入门

Rank: 2

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

0

主题

22

帖子

12

积分

营销入门

Rank: 2

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

0

主题

19

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-3-22 07:04:00 | 显示全部楼层
看了此文章,真是受益非浅啊!!!!!!!!!!!!!!!!!!!!!!!!    要做一个好的程序员得要下苦功夫啊

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-3-26 14:48:49 | 显示全部楼层
真的很不容易呀!说的好!

0

主题

13

帖子

7

积分

营销入门

Rank: 2

积分
7
发表于 2023-3-30 06:23:21 | 显示全部楼层
我很喜欢你的文章啊,希望你能够多写一些啊,对我的帮助回很大的  
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

返回顶部 返回列表