Html 无法覆盖css

HTML

问题是我试图在我的

li

元素上获取项目符号，发生了什么事？我的文件中有一个CSS设置

.dlrs {
    //display: inline-block;
    width: 630px;
    margin: 20px 0 20px 20px;
    font-weight: @bldTxt;
    font-size: 14px;

    #listItems {
        width: 200px;
        float: left;
        display: inline-block;

        span {
            position: relative;
            bottom: 16px;
            left: 20px;
        }

        #dlrsList {
            width: 100%;
            text-align: justify;
            /*float: left;
            width: 190px;
            margin-right: 14px;
            margin-bottom: 10px;*/
            #itmDlrName {
                padding: 0px;
                list-style-type:disc;
                position: relative;                
                left: 20px;                
                max-width: 160px;
                font-size: 12px;
            }
        }
    }
}

我已经通过在CSS中使用如上所述的id增加了特异性，甚至尝试了

！重要信息

，但我仍然无法覆盖它，如果我删除FireBug中的

none

属性，并为

li

提供

disc

属性，则它可以工作

---

附近有工作吗

在css中，您有

列表类型：disc

试试看

ol, ul { list-style-type: none; }

使用id很容易就足以应用样式

更新 当

dlrslist

设置为类时，您需要向

ul

添加一个id。这就是为什么你的风格没有得到重视

HTML

#dlrsList {
    list-style-type: disc;
}

最后更新 您需要在

ul

上设置

列表样式类型：disc

，而不是

li

#dlrsList {
    list-style-type: disc;
}

不是

#dlrsList {
    list-style-type: disc;
}

---

在css中，您有

列表类型：disc

try

ol, ul { list-style-type: none; }

使用id很容易就足以应用样式

更新 当

dlrslist

设置为类时，您需要向

ul

添加一个id。这就是为什么你的风格没有得到重视

HTML

#dlrsList {
    list-style-type: disc;
}

最后更新 您需要在

ul

上设置

列表样式类型：disc

，而不是

li

#dlrsList {
    list-style-type: disc;
}

不是

#dlrsList {
    list-style-type: disc;
}

使用

！重要信息

覆盖css

---

使用

！重要信息

要覆盖css

请使用类而不是ID：

HTML:

---

使用类而不是ID：

HTML:

---

您可以使用！重要信息Ankit Agrawal建议的方法，或者您可以将css代码移动到ol，ul{list style type:none；}代码之后。这样，css就会覆盖代码，而代码是问题的根源

---

我更喜欢第二种选择，使用！重要信息应尽可能避免。

您可以使用！重要信息Ankit Agrawal建议的方法，或者您可以将css代码移动到ol，ul{list style type:none；}代码之后。这样，css就会覆盖代码，而代码是问题的根源

我更喜欢第二种选择，使用！重要事项应尽可能避免。

尝试

.dlrsList {
    ...
    list-style-type: disc; 
}

注意我把你的ul改成了li 这个重要信息，如您所知，将强制执行。

请尝试

.dlrsList {
    ...
    list-style-type: disc; 
}

注意我把你的ul改成了li 这个重要信息，如您所知，将强制执行。

确定。试试这个

li { list-style-type: none !important; }

或者从CSS中删除

ol，ul{list-style-type:none；}

，如果您的站点上有更多的列表，那么只需为每个列表指定适当的CSS属性即可。试试这个

li { list-style-type: none !important; }

---

或者从CSS中删除

ol，ul{list-style-type:none；}

，如果您的站点上有更多的列表，而不是为每个列表指定适当的CSS属性，那么这可能是SASS或SCSS或更少，但不是CSS。除非通过预处理器运行，否则这将不起作用

如果你想要直接的CSS，你不能像那样嵌套你的选择器

编辑

因为里面有一个变量，我必须假设OP是故意使用预处理器的。假设他的变量

@bldTxt

=

bold

，则得到的CSS如下：

ol, ul { list-style: none; }

.dlrsList { list-style-type: disc; }

---

假设CSS为

列表样式类型：disc只需要移动到
.dlrs#listItems#dlrsList
，而不是在
.dlrs#listItems#dlrsList#itemDlrName
这可能是SASS或SCSS或更少，但不是CSS。除非通过预处理器运行，否则这将不起作用

如果你想要直接的CSS，你不能像那样嵌套你的选择器

编辑

因为里面有一个变量，我必须假设OP是故意使用预处理器的。假设他的变量
@bldTxt
=
bold
，则得到的CSS如下：

ol, ul { list-style: none; }

.dlrsList { list-style-type: disc; }

假设CSS为
列表样式类型：disc
只需要移动到
.dlrs#listItems#dlrsList
，而不是在
.dlrs#listItems#dlrsList#itemDlrName
首先，你的列表项上有相同的ID…我无法控制自己，不是过度，它是覆盖。它不是css，你是指SCS还是更少的css？第二，我认为你不能用css选择器覆盖你在样式标签中写的东西。你应该通过jQuery或javascriptTry
.dlrsList{list style:circle；}
首先，你的列表项上有相同的ID…我无法控制自己，不是过度使用，它是覆盖。它不是css，你是指scss还是更少的css？第二，我认为你不能通过css选择器覆盖你在样式标记中写的东西。您应该通过jQuery或javascriptTry
.dlrsList{list style:circle；}
来完成这项工作。您确定可以在style属性中重写样式吗？只要可能，请不要使用
！重要信息
您确定可以覆盖样式属性中的样式吗？尽可能不要使用
！重要信息
很抱歉，问题中的键入错误现在已更正，我有列表样式的键入，但它不起作用。发布前，请确保示例代码正确。很抱歉，问题中的键入错误现在已更正，我有列表样式类型，但它不起作用。在发布之前，请确保示例代码是正确的。您能用代码创建JSFIDLE吗？每个人都可以很容易地帮助你。我刚刚看到你的代码中有一个问题。您的ul有一个名为dlrsList的类，而不是id。请尝试将css从#dlrsList更改为.dlrsList。当我键入其id时，这是一个错误。对不起，您能用代码创建一个JSFIDLE吗？每个人都可以很容易地帮助你。我刚刚看到你的代码中有一个问题。您的ul有一个名为dlrsList的类，而不是id。请尝试将您的css从#dlr更改