Question

我有以下列表样式：

li {
background: rgb(66, 66, 66);
color:white;}    
ul {
background: rgb(66, 66, 66);
color:white;}

另外，我有一个id为not_important_name的div元素，其中包含一个列表，我需要另外一个样式：

li {
background: rgb(144, 144, 144);
color:white;}    
ul {
background: rgb(144, 144, 144);
color:white;}

如何覆盖第一组样式，仅适用于not_important_name元素内的列表？

Answer 1

您需要使CSS更具体。请在此处阅读有关css选择器的信息：http://www.w3schools.com/cssref/css_selectors.asp

在你的情况下，你可以这样做：

ul, li {
    /* CSS HERE */
}
div#not_important_name ul, div#not_important_name li {
    /* CSS HERE */
}

Answer 2

我需要在css样式中使用一个除了li和li
的div

标准的方法是在标记中指明容器在页面上扮演特定角色：

typedef int functype(int arg1);

int f1(int arg1) {
    return arg1;
}
int f2(int arg1) {
    return arg1;
}
int f3(int arg1, int arg2) {
    return 0;
}
int main(int argc, char* argv[])
{
    functype* pf1;
    pf1=&f1;           /* Compiles properly */
    pf1=&f3;           /* Will not compile, as expected */
                       /* because of an argument mismatch */
    return 0;
}

然后在样式表级联中声明异常样式规则，紧跟在一般规则之下或距离一般规则一定距离。

<div class="exception">

包含在另一个元素中时某些元素的不同样式

2 个答案: