Question

我有这个html文件

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>"This is my first page"</title>
<link href="assignment3-style.css" rel="stylesheet" type="text/css" />  
</head>
<body>
    <p>
        <ol style="I want the default style here">

        </ol>
    </p>

我想要使用样式表设置的样式覆盖有序列表的默认样式。我该如何做到这一点？

Answer 1

更新：截至目前，CSS中没有合理的方法可以重置为默认样式。您必须手动重置每个属性。

仅供参考，这是我的旧版本 - 错误 - 回答：

除非您想要重置所有<ol>，否则请在其上添加特定课程，我们称之为default-style。

对于这个类，然后在CSS中定义

CSS：

.default-style { ~~all: initial;~~ } ＆lt; - This will NOT work!

HTML：

<ol class="default-style">
     <!-- your <li>s here -->
</ol>

如果您只想要某些CSS属性为默认值，请将initial设置为其值，例如margin: initial;。

http://www.sitepoint.com/css3-inheritance-tips-tricks/

Answer 2

您只需查看css文件，它会在默认样式中影响您想要的特定元素，并删除css代码，或使其更具体。假设您希望ol处于大多数实例的默认样式中，但希望保留此样式表中的原始代码。您可以简单地执行以下操作：

ol .not-default {
/*code that was already here*/
}

这样，只要您不想要默认样式，就可以编写以下内容：

<ol class="not-default">Yay a stylish ordered list!</ol>

希望有所帮助！

我想将样式表设置的样式覆盖为有序列表的默认样式

2 个答案:

更新：截至目前，CSS中没有合理的方法可以重置为默认样式。您必须手动重置每个属性。

仅供参考，这是我的旧版本 - 错误 - 回答：