Question

我需要匹配一个有2个类的元素。以下是HTML的一些示例：

<i class="img img"></i>

和

img img

我目前正在使用以下内容，但如果i[class*="img img"]的顺序不同，则会失败：

contains

我假设（我知道假设很糟糕）使用<binding name="BasicHttpBinding_AdminService" openTimeout="00:20:00" closeTimeout="00:20:00" receiveTimeout="00:20:00" sendTimeout="00:20:00" maxBufferSize="2147483647" maxBufferPoolSize="524288" maxReceivedMessageSize="2147483647"> <readerQuotas maxDepth="2147483647" maxStringContentLength="2147483647" maxArrayLength="2147483647" maxBytesPerRead="2147483647" maxNameTableCharCount="2147483647" /> </binding>如果它们处于任何顺序，它们将匹配。我不知道为什么有2个类名相同，我只需要使用它。

有什么想法吗？

Answer 1

你不能混合两个等于classNames。避免在html中制作它。 CSS不适用于同一元素中的两个等于类。

查看冲突工作：

.same {
  color:green;
}
.same.same {
  color: red;
 }

<div class="same same">Test</div>
<div class="same">Test 2</div>

修改

即使它是无效的HTML和奇怪的模式，请试试这个：

i[class*="img "][class*=" img"]

注意空格。

i[class*="img "][class*=" img"] {
  color:blue;
}

<i class="img otherClass img">test</i>
<i class="img img otherClass">test</i>

以任何顺序匹配类

1 个答案:

修改