什麼是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') 

或CSS做同樣的：

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

Answer 2

在jQuery中

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

，並在CSS

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

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

Answer 3

您可以通過屬性選擇

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

或也鏈中的類名

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

Answer 4

您需要使用Multiple selector：

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

`

Answer 5

你可以堆棧元素

所以你的情況

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

將保證它的唯一與這兩個類元素。

Answer 6

嘗試這樣的：

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

Answer 7

嘗試這樣，

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

剛剛加入你的類名。

和CSS：

.product-panel.prices-list-panel { 

//do stuff here 

} 

Answer 8

如果類是相同的元素在你的情況下，然後通過這種方式

.product-panel.prices-list-panel 

選擇它們意味着選擇之間沒有空格。

同樣可以使用jQuery做這樣

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