CSS выберите элемент, который содержит определенные классы только

Например:CSS выберите элемент, который содержит определенные классы только

<div id="element1" class="c1 c2 c3"></div> 
<div id="element2" class="c1 c2 c3 b1"></div>

Есть ли селектор CSS, который позволит мне выбрать элементы, которые содержат только и точно классов c1, c2 и c3.

Так что я хочу, чтобы иметь возможность получить element1но неelement2, и я не использую идентификатор, потому что то будет на самом деле же на каждой странице, но я хочу, чтобы быть в состоянии найти, когда DIV имеет только те, классы и ничего больше.

Спасибо!

источник

2017-01-06 Bjorn W

'[класс = "c1 c2 c3"]'? – Banzay

Использование Attribute Selectors

[class="c1 c2 c3"] { 
 
    color: red; 
 
}

<div id="element1" class="c1 c2 c3">Item 1</div> 
 
<div id="element2" class="c1 c2 c3 b1">Item 2</div>

источник

2017-01-06 22:08:39

Я пробовал это, но он, кажется, не выбирает то, что я хочу, или что-то еще. Классы, которые я хочу найти, находятся на элементе body, и при их сопоставлении я хочу установить отображаемый элемент: none. Это то, что разметка на самом деле выглядит следующим образом: '<класс тела =«c1 c2 c3»>

' На некоторых страницах классы c1, c2 и c3 и некоторые другие появляются в теге тела. Поэтому я хочу скрыть скрытие - этот div на любом месте, где только тело имеет c1, c2, c3. Я пробовал: 'body [class =" c1 c2 c3 "] .hide-this {display: none; } '
Я делаю это правильно? –

Да, ты. Вот ваш код, работающий на https://jsfiddle.net/b84gg94q/ –

Хорошо, спасибо. Должно быть некоторые странности SharePoint, которые не позволяют работать. Я вижу, что это должен быть правильный способ сделать это. –

CSS выберите элемент, который содержит определенные классы только

ответ

Смежные вопросы