主页 / 问题 / 941071
Accepted
Alexey Giryayev
Asked:2020-02-05 21:47:14 +0000 UTC2020-02-05 21:47:14 +0000 UTC

当一个元素有多个类时使用选择器

  • 772

有一个元素在其中有一堆不同的类。使用选择器，我们可以绑定到所需的类。但是，当元素有更多类时，是否有可能摆脱这种骗局？

div[class^="category-"][class$="-sets"]  {
 color: red;
}
<div class="category-test-sets">test</div>
<div class="classname-test category-tset-sets test-classname">test</div>

css

1 个回答

  1. Best Answer

    使用选择器div[class*="category-"][class*="-sets"]。这将找到具有子字符串的类category-和-sets

    div[class*="category-"][class*="-sets"] {
  color: red;
}

div[class*="-set"] {
  color: green;
}
    <div class="category-test-sets">test</div>
<div class="classname-test category-tset-sets test-classname">test</div>
<div class="class-sets">test</div>

    • 1

相关问题