覆盖属性

时间:2011-09-04 21:10:20

标签: css

我有一个班级*,但我以后不能覆盖这个班级的比例?为什么......?

* {
    font-family:tahoma;
    font-size:11px;
    color:#3c6b93;
}

例如

.test {
    font-size:17px;
    color:red;
}

.test类可以覆盖的唯一方法是删除*类中的每个特定比例

2 个答案:

答案 0 :(得分:1)

所以我就是这样做的:

body {
    font:11px/1.2 Tahoma, sans-serif;
    color:#3c6b93;
}

.test {
    font-size:17px;
    color:red;
}

以上属性向下(向后代元素)。因此,您可以在body元素上定义最常规的规则。现在,除非被覆盖,否则这些规则将适用于页面上的所有元素。

答案 1 :(得分:0)

<html>
<head>
    <style type="text/css">
        * {
                font-family:tahoma;
                font-size:11px;
                color:#3c6b93;
        }
        .test {
            font-size:17px;
            color:red;
        }
    </style>
</head>
<body>
    <div>Text</div>
    <div class="test">Text</div>
</body>
</html>

在我的浏览器中按预期工作。