3

Возможно ли обратится к элементу(элементам) через указание нескольких атрибутов?

например: [class*="col"][role="main"] или [class*="col", role="main"] или [class*="col" role="main"]

Если возможно, то как корректно?

6
  • Через запятую не подойдёт?
    – Yuri
    18 янв 2017 в 8:18
  • Или что значит обратиться к нескольким атрибутам?
    – Yuri
    18 янв 2017 в 8:20
  • ...через запятую и пробел -- нельзя. попробовал -- [role="main"][class*="col"] -- прокатил в хроме.
    – user2771
    18 янв 2017 в 8:22
  • 1
    наверно стоит обратится к стандарту Selectors API Level 1 w3.org/TR/selectors-api/#interface-definitions
    – Sublihim
    18 янв 2017 в 8:22
  • @Sublihim -- спасибо за ссылку. на mdn, htmlbook, wc3scool и webreferences -- не нашел инфы. --- w3.org -- читать -- ад.
    – user2771
    18 янв 2017 в 8:30

1 ответ 1

3
Попробуйте так:

<div id="id_1" class="class_1">first</div>
<div id="id_2" class="class_2">second</div>
<div id="id_3" class="class_3">third</div>

<style>
  div[id=id_1][class=class_1], div[id=id_2][class=class_2] { color: red; }
  div[id=id_3][class=class_3] { color: blue; }
</style>

Документация доступна на русском по ссылке.

Документация доступна английском по ссылке.

5
  • 1
    Спасибо! Это работает. Можно ссылку на документацию?
    – user2771
    18 янв 2017 в 8:41
  • Нашел сам. w3.org/TR/CSS21/selector#attribute-selectors
    – user2771
    18 янв 2017 в 8:44
  • 1
    Это хорошо!) Пожалуйста на русском! ссылка: css-tricks.ru/articles/css/attribute-selectors, на инглише:w3.org/TR/CSS21/selector#attribute-selectors
    – ultimatum
    18 янв 2017 в 8:47
  • Предлагаю вам дополнить ответ. По ссылке полезная информация на русском. И то что нужно для ответа на вопрос там есть.
    – user2771
    18 янв 2017 в 8:50
  • 1
    Принимаю Ваше предложение) Готово!
    – ultimatum
    18 янв 2017 в 9:00

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.