Question

我正在使用theme.css来定义p#btt（返回顶部）按钮，margin为4px，所以它在页面底部的固定色带上显示居中（从上到下）。我还有procedureStyles.css仅影响过程页面，它定义了<p>个margin 0px的常规margin标记。

在程序页面上，当我希望它使用4px 0px时，返回顶部按钮正在使用margin的{{1}}。更改theme.css很困难，因为它由其他部门管理。

我想知道：有没有办法在每个<p>标记上使用常规margin标记0px <p>除外btt 4px定义？

我找到了改变p#btt的方法，但我试图避免这种情况。

Answer 1

你可以使用:not()这样的东西吗？

＆＃13;

p {
  background: yellow
}
p#btt  {
  margin: 4px
}
p:not(#btt) {
  margin: 0
}

＆＃13;

<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p>Foo Bar</p>
<p id="btt">Foo Bar</p>

＆＃13;

Answer 2

如果您完全反对更改样式表，请在段落的HTML上使用内联样式。这样可以避免更改任何CSS文件和/或使用JavaScript。

For

如何使用<p>标记作为例外

2 个答案: