CSS / SASS Выберите элементы на основе класса, но исключите определенные элементы с тем же классом - PullRequest
Новая
       11

CSS / SASS Выберите элементы на основе класса, но исключите определенные элементы с тем же классом

2 голосов
/ 07 марта 2019

Я собираюсь ударить себя, как только придет ответ ... так что я пытаюсь сделать, это добавить границу для всех элементов с <anyElement class="required active">, но не с <select class="required active">. Разница в том, что <select> элемент.

Пример пробовал lol: 

.required.active, :not(select.required.active) {
    border: 1px solid red;
}

Использование CSS3 и / или SASS.

Спасибо!

Ответы [ 2 ]

2 голосов
/ 07 марта 2019

То, что вы ищете, может быть достигнуто через это: CSS: 

.required.active:not(select).required.active{
border: 1px solid red;
color:blue
<!DOCTYPE html>
<html>
  <head></head>
<body>
  <p class="required active">Hello</p>
  <p class="required active">Hello</p>
  <p>Hello</p>
  <select class="required active">
    <option>Hello<option>
  </select>
</body>
</html>

Дайте мне знать, если вам нужна другая помощь.

1 голос
/ 07 марта 2019

Может быть, это то, что вы ищете.

Как я понял из вашего поста, вам нужно только исключить теги с "обязательным" и "активным""классы. 

:not(select).required.active {
  border: 1px solid red;
}
<div class="required active">
  qwe
</div>
<p class="required active">
  qwe
</p>
<input type="text" class="required active" value="qwe">
<select class="required active">
  <option value="1">qwe</option>
</select>

В этом фрагменте мы использовали селектор: not () CSS3 для удаления тега <select> с классами «required» и «active».

Для получения более подробной информации о CSS-селекторе not (), пожалуйста, перейдите по следующим ссылкам:

Dev.Mozilla Org: (CSS: not () селектор)

W3Schools.COM: (CSS: not () селектор)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...