CSS-селектор, несколько атрибутов, оператор OR
Мне нужна ваша помощь с CSS-селекторами. Представьте HTML-тег стиля:
<style type="text/css">
[...selector...] {color:red;}
</style>
Я хотел бы построить селектор с несколькими атрибутами и логическими операторами. Но я не нашел правильного синтаксиса.
Мое требование:
Селектор должен найти элементы, у которых есть атрибут 'property', и этот атрибут 'property' равен некоторому URL. Второе условие: элементы должны иметь атрибут 'resource' OR 'typeof' (он не является импортером, каковы значения).
Итак, мне нужна эта логическая структура: A = некоторый URL && & (B || C), и он должен быть в одном селекторе.
Как это сделать?
Ответы
Ответ 1
Вам нужно будет повторить селектор атрибутов property
для каждого условия ИЛИ, объединив каждый со вторым селектором атрибутов следующим образом:
[property="some URL"][resource], [property="some URL"][typeof] { color: red; }
Ссылка: http://www.w3.org/TR/css3-selectors/#attribute-selectors