<!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 这样的选择器语法表示：要选择一个标签，选择器表达式中的任意一个基本选择器都指向这个标签。
也就是说：如果连写多个基本选择器表示选择一个元素
执行结果如下：
|
窥视卡
雷达卡
发表于 2023-1-31 17:39:02
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-15 21:51:15
