Question

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 
sup, sub, tt, var, u, i, center, ul, ol, li, dl, dt, dd, tfoot, caption, form, fieldset, 
legend, input, button, textarea, select, label, applet, object, iframe, audio, video, 
canvas, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, 
nav, section, summary {
    font-family: inherit; line-height: inherit; 
    vertical-align: baseline; border: 0; outline: 0; padding: 0; margin: 0;
}

我不希望这会影响div.base内的任何元素。

你有解决方案吗？

Answer 1

尝试使用：not()选择器。

否定CSS伪类:not(X)有一个函数表示法，它将一个简单的选择器X作为参数。它匹配参数未表示的元素。 X不得包含另一个否定选择器。（来自MDN）

* { }设置所有元素的样式。向其添加:not(.base)会排除具有类库的元素。

*:not(#div1){
    color:red;
}

示例：

*:not(.base) {
  font-family: inherit;
  line-height: inherit;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
}

<body>
  <h1>Hello</h1>
  <div>
    <h1 class="base">Text</h1>
  </div>
</body>

Answer 2

如果您的问题是如何将单个CSS属性或属性集应用于所有内容，那么您可以执行此操作。

func +<T>(lhs: T.Stride, rhs: T) -> T where T : SignedInteger

如何排除CSS选择器应用于类中的元素？

2 个答案: