html - 选择以类名开头并包含部分字符串的元素

Question

我要选择带有类但名为“path_from”等的元素。

举个例子

<div class='path_from_5_to_6'></div>
<div class='_6'></div>
<div class='path_from_6_to_5'></div>
<div class='path_from_3_to_2'></div>

我想选择类以path_from开头但包含'_6'的元素

我该怎么做？

Answer 1

你可以使用[class^="path_from"][class*="_6"]属性选择器

• [class^="path_from"] - 类以 path_from 开头
• [class*="_6"] - 类包含 _6

[class^="path_from"][class*="_6"] {
  background: blue;
}

<div class='path_from_5_to_6'>DIV</div>
<div class='_6'>DIV</div>
<div class='path_from_6_to_5'>DIV</div>
<div class='path_from_3_to_2'>DIV</div>