Блог

Главная - Вопросы по программированию - CSS: целевой элемент тега ««

CSS: целевой элемент тега ««

#html #css #xml

#HTML #css #xml

Вопрос:

Допустим, у вас есть этот синтаксис html :

 <a href="#myId" aria-controls="hotel" role="tab" data-toggle="tab" aria-expanded="true">My Hotel</a>

Каким будет CSS для таргетинга этого тега, если я хочу выбрать значение «aria-expanded» и значение «href»?

Ответ №1:

Вы можете использовать этот селектор

 a[href="#myId"][aria-expanded="true"]

дополнительная информация: https://www.w3.org/TR/CSS2/selector.html#attribute-selectors

Комментарии:

1. Это буквально то же решение, что и у меня. Выполняется то [href="#myId"] же самое a , что и в начале… кажется излишним.

2. Я думаю, что вопрос был об использовании нескольких селекторов атрибутов.

Ответ №2:

CSS для целевого значения a href and aria-expanded будет состоять из следующего:

 a[aria-expanded="true"] {
  background-color: lightgrey;
} 
 <a href="#myId" aria-controls="hotel" role="tab" data-toggle="tab" aria-expanded="true">My Hotel</a>

Метки: