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,它都能找到。
执行结果如下:
看来以前所做的努力都和这上面说的错太远了啊。我将来也得走程序员的路,我知道它很苦.至少现在刚开始接触程序的我就已经焦头烂额了,而自己还不知急,整天怨天尤人.读了这篇文章使我收益非浅.让我真正的认清自己.我想起了编程老师为让我们抓紧学习,给我们讲中国软件在世界的地位,美国可以占90%,10%是欧洲的,13亿人口的中国却占不上位置.为什么会这样,我不敢评论,因为自己没资格.我们寝室的同学可能略见一斑,打游戏,每天必修,老师留了个万年历的分组完成程序,我们组十一在学校玩了7天,愣是一个也没有去做的,我自己电脑不能装VC那是借口,我知即使我装上了VC我也做不出来,我自己也是1天到晚的游戏啊!自己还想学好C,这样又怎么学好啊!没毅力,没韧性.坐享天成又怎么可能呢?谢谢您的教导让我如梦初醒!楼主的文章对我启发很大,我也是一个学计算机的本科生,谢谢楼主。 哎 ~~~~~~~~~~默默无问两眼泪啊~~太好了 , 这篇文章我一定要收藏,(楼主不介意吧)他将是将是我踏上成功的催化剂 发人深省! 看了你写的东西,心里有些感触,谢了 ^写的不错呀 谢谢,受教了!呵呵。早点看到就好了呀!! 看了此文章,真是受益非浅啊!!!!!!!!!!!!!!!!!!!!!!!! 要做一个好的程序员得要下苦功夫啊 真的很不容易呀!说的好! 我很喜欢你的文章啊,希望你能够多写一些啊,对我的帮助回很大的