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

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>