id和class的CSS选择器相同

Question

我正在寻找一种方法来选择包含“copyright”作为属性值的所有div。

我试过这样的话。

https://jsfiddle.net/f87ggqg6/

[name*="copyright"] {
   background:red;
}

但我只能选择具有版权的类别，或者我可以选择具有版权的ID。有没有办法在一个语句中选择id和class？

感谢您的帮助。

Answer 1

唯一的方法是：

[id*="copyright"], [class*="copyright"] {
   background:red;
}

Answer 2

你必须使用

div[class*="copyright"],
div[id*="copyright"] {
  background: red;
}

<div class="typo3-login-copyright-text">
  typo3-login-copyright-text
</div>

<div id="t3-copyright-notice">
  t3-copyright-notice
</div>

<div id="copyrightnotice">
  copyrightnotice
</div>

这很简单。

Answer 3

不，id和class都没有一个选择器。在这种情况下，您必须使用两个选择器：

div[class*="copyright"],
div[id*="copyright"] {
  background:red;
}