Question

我要按以下顺序在页面上加载两个样式表：

UIAccessibility.post

两个样式表都从我的服务器加载。

通过function spin2() { let bgPos = [120, 190, 260, 320, 390, 460, 520, 590, 650, 715, 780, 845, 910, 975, 1040, 1105, 1170, 1235, 1300, 1365, 1430, 1495]; let randombgPos = bgPos[Math.floor(Math.random() * bgPos.length)]; return randombgPos; document.getElementById('strip1').style.backgroundPosition = "0px" + randombgPos + "px"; }，有以下课程：

plugin.css
styles.css

通过plugin.css，我已经拥有.plugin h1 { font-size: 1.7em; line-height: 1; margin: 0; padding: 0; }样式，例如：

styles.css

要覆盖<h1>，通常可以在h1 { font-size: 42px; font-size: 2.625rem; line-height: 1; margin-bottom: 0.3333333333333333em; }内进行：

plugin.css

由于我要重复已有的代码，所以这根本没有效率。我希望在styles.css中使用以下内容：

.plugin h1 {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 1;
  margin-bottom: 0.3333333333333333em;
}

或

styles.css

我期望.plugin h1 { all: unset; }或.plugin h1 { all: initial; }从all: unset;清除属性，并在all: initial;中恢复为默认的.plugin h1样式，但事实并非如此。工作。

我误解了它的工作原理还是我错过了什么？

Answer 1

如果您使用all: initial;或all: unset;，它将删除所有样式，甚至将h1标记设为inline element。因此，重置这种方式实际上会增加您的头痛！如果您确实想unset以前的属性，请尝试使用unset或initial来获得这样的单个属性。

.plugin h1 {
      font-size: unset;
      line-height: unset;
      margin-bottom: unset;
     }

.plugin h1 {
     font-size: 42px;
     font-size: 2.625rem;
     line-height: 1;
     margin-bottom: 0.3333333333333333em;
    }

在unset代码之后，您可以使用所需的样式，如下所示。但是我不确定您为什么两次获得font-size:！您知道最后一个只能用！

全部使用：未设置；不会覆盖外部样式

1 个答案: