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>

Answer 2

这是一个例子

＆＃13;

BIOS version = 2.5.2
Firmware version (iDRAC7) = 2.21.21 (Build 12)
Firmware version (Lifecycle Controller 2) = 2.21.21.21

＆＃13;

[class*="path"][class*="6"] {
  width: 100px;
  height: 100px;
  background: yellow;
}

＆＃13;

Answer 3

你没有。这就是您使用class和id的原因。相关元素为class，个别元素为id。

<div class="path_6" id="path_from_5_to_6"></div>
<div id="_6"></div>
<div class="path_6" id="path_from_6_to_5"></div>
<div id="path_from_3_to_2"></div>

然后您只选择使用.path_6：

.path_6 {
  // styles
}

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

3 个答案: