css选择器元素就好

Question

寻找自定义元素的css选择器。

<myApp-thing1></myApp-thing1>
<myApp-thing2></myApp-thing2>
<myApp-thing3></myApp-thing3>

我想将css类应用于以<myApp-...>开头的任何元素。这可能吗？

Answer 1

不，没有。只有属性选择器才能执行此操作。该属性的名称并不重要。

[class^="value"] 

这点击：

<div class="value-a"></div>
<div class="value-b"></div>
<div class="value-c"></div>

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Answer 2

你提出的建议是不可能的，但是 IS 可能是这样的：

<div myApp="thing1">

然后在CSS中你可以这样做：

div[myApp] {
    background-color:pink;
}

您甚至可以通过在CSS中执行此操作来定位具有<div>属性的特定myApp：

div[myApp="thing1"] {
    background-color:red;
}

希望这有帮助！