CSS或JQuery中多类HTML元素的选择器是什么？

Question

我想使用CSS选择器或JQuery精确选择这个元素（如果可能的话，它可以在CSS中使用）。

<div class="product-panel prices-list-panel"></div>

如何选择'.product-panel'和'.prices-list-panel'？

的元素

Answer 1

试试这样：

.product-panel.prices-list-panel{....}

Answer 2

只需连接选择器。

$(.product-panel.prices-list-panel')

或在css中也这样做：

.product-panel.prices-list-panel{
}

Answer 3

在jQuery中

$('div.product-panel.prices-list-panel')

和css

div.product-panel.prices-list-panel{ 
    //style
} 

参考：https://css-tricks.com/multiple-class-id-selectors/

Answer 4

您可以链接班级名称

.product-panel.prices-list-panel {
   ...
}

或通过属性选择器

[class="product-panel"][class="prices-list-panel"] { 
   ...
}

Answer 5

您需要使用 Multiple selector ：

$('.product-panel.prices-list-panel')

`

Answer 6

你可以只堆叠元素

所以在你的情况下

div.product-panel.prices-list-panel {
}

确保它仅适用于具有这两个类的元素。

Answer 7

试试这个，

$('.product-panel.prices-list-panel')

只需加入您的班级名称。

和 css ：

.product-panel.prices-list-panel {

//do stuff here

}

Answer 8

如果类与您的案例中的元素相同，则以这种方式选择它们

Phone

表示选择器之间没有空格。

类似地，您可以使用jQuery，如

Employee