人亦已歌 发表于 2023-1-31 17:13:21

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

后代选择器的原理是:通过祖级元素寻找任意后代元素。



<!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,它都能找到。
执行结果如下:




Loner 发表于 2023-2-15 20:50:12

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

白云一朵 发表于 2023-2-22 10:02:37

哎 ~~~~~~~~~~默默无问两眼泪啊~~太好了 , 这篇文章我一定要收藏,(楼主不介意吧)他将是将是我踏上成功的催化剂

zhengsq 发表于 2023-2-26 20:45:52

发人深省!

99536464 发表于 2023-3-3 10:07:45

看了你写的东西,心里有些感触,谢了

kndanny 发表于 2023-3-10 22:23:03

^写的不错呀

hwl 发表于 2023-3-17 00:15:33

谢谢,受教了!呵呵。早点看到就好了呀!!

小洲 发表于 2023-3-22 07:04:00

看了此文章,真是受益非浅啊!!!!!!!!!!!!!!!!!!!!!!!!    要做一个好的程序员得要下苦功夫啊

秋天的树 发表于 2023-3-26 14:48:49

真的很不容易呀!说的好!

itdream 发表于 2023-3-30 06:23:21

我很喜欢你的文章啊,希望你能够多写一些啊,对我的帮助回很大的
页: [1] 2 3 4
查看完整版本: CSS核心(四)复合选择器之后代选择器 --准确找到任意子元素