CSS核心(七)复合选择器之使用多个选择器精确选择一个元素
<!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 这样的选择器语法表示:要选择一个标签,选择器表达式中的任意一个基本选择器都指向这个标签。
也就是说:如果连写多个基本选择器表示选择一个元素
执行结果如下:
^学习 说得好,多谢你将的心德与我们共享 ^本人从这篇文章中看到了自己的水平,文中的作者大哥已经是一个很棒的程序员了,但是他从社会中体会到了真正的高手是怎么样的,加油写的非常精劈,非常支持这种观点 说了确实是有点热血沸腾...有些时候一个问题并不是一会儿就能找到最好方法的所以每当写一行程序时就应想想当运行到这时会怎么样想的多了大脑也就精了最顶楼那个面试官难道是一开始就想到了用那种方法有规律的才能有最简的方法-----只是一时没想到而已另外我就不懂离散数学是什么样的(是估计值吗) 写的很好,想成为一个好的程序员,需要努力努力再努力!!! 谢谢 向你致敬~~~! 我还没有编出什么东西,但我知道现在应该注意那些了.多谢 真的很受启发,但是很多时候只是为了赶进度,只能拿最拿手的最快的办法来写了 感动感动