css - 如何忽略css文件中的类前缀

Question

我在 Chrome 控制台中看到了一些例如 div/button 样式，如下所示：

/* Chrome browser styles tab */
.ItemClass1-0-3-171.ItemClass2-0-3-173: {
    background-color: "red"
}

如何在 CSS 中定义新样式而忽略该类号？因为它可以是页面上其他 div/按钮的不同数字..

/* CSS file */
.ItemClass1.ItemClass2 {
    background-color: "blue"
}

标签： csssass

Answer 1

您可以为此使用两个属性包含选择器。

[class*="ItemClass1"][class*="ItemClass2"] {
  background-color: red;
}

<p class="ItemClass1-0-3-171 ItemClass2-0-3-173">foo</p>

但请记住，这也会选择带有 class 的元素fooItemClass2。