css中类选择器和元素选择器联合使用分析

自找苦吃，自得其乐

于 2012-03-11 16:14:00 发布

阅读量3.4k

点赞数 1

分类专栏： 13_css 文章标签： css class

本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/7342173

版权

13_css 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<html>
<head>
    <style type="text/css">
        .bb p {
            color:red;
        }

        .bb td {
            color: red;
        }
        
        p.bb {
            color: green;
        }
    </style>
</head>

<body>
css类选择器和元素选择器联合使用方法浅析：<hr>
<li>
    如果你使用的是element.class的方式来过滤元素的话，比如上面的p.bb，那么你的bb必须是在元素p里面的,而且中间是不可以有空格的。
</li>
<li>如果你使用的是class.element的方式来过滤元素的话，那么你的class必须是在此元素的父元素里面定义才行，比如.bb p,它就必须定义在可以包含的p元素的元素里面，而且它们中间是必须要有空格分割开的。
</li>

<div class="bb">
    <p>test</p>
</div>

<table class="bb">
    <tr>
        <td>dada</td>
    </tr>
</table>

<p class="bb">green</p>

</body>
</html>