Можно ли выбрать элемент с определенным стилем с помощью CSS? Как ... все img, что имеет style="position:fixed;"
Выберите элемент с определенным стилем?
Что я имею в виду - выбор элементов в зависимости от их стиля вместо класса или идентификатора.
Можно ли выбрать элемент с определенным стилем с помощью CSS? Как ... все img, что имеет style="position:fixed;"
Выберите элемент с определенным стилем?
Что я имею в виду - выбор элементов в зависимости от их стиля вместо класса или идентификатора.
я на самом деле использовать это один:
[style~="position:fixed;"]{
/* whatever */
}
Смотрите объяснение here
так поймают все элементы, которые имеют position:fixed;
в своем стиле (потому что они могут иметь другие типы атрибутов, а)
Но если position
атрибут не записываются в HTML , селектор не будет их выбирать. вам придется использовать JQuery для этого. Read here
Это другое, что другие ответы? Я пытаюсь понять разницу между style ~ = и style = – Mia
'=' означает, что стиль равен точно значению, где '~ =' означает, что стиль содержит значение. см. разницу в действии [здесь] (http://jsfiddle.net/avrahamcool/KCvgL/1/) – avrahamcool
http://jsfiddle.net/T4guf/, что я делаю неправильно здесь? – Mia
Вы можете использовать
div[style="position:fixed;"] {
color:red;
}
выбрать все элементы, как этот
<div style="position:fixed;">
</div>
Но будьте осторожны, вы должны принять заявление style="position:fixed;"
именно таким образом в вашем селекторе. Даже если вы опустите ;
или добавьте пустое место (position: fixed
), оно больше не приведет к вашему желаемому результату.
Точка с запятой имеет значение. Вам нужна эта точка с запятой в разметке для выбора селектора. – BoltClock
О да, я изменил это. –
Вы можете использовать селектор атрибута:
[style="position:fixed;"]{
/* whatever */
}
Вот демо: http://codepen.io/anon/pen/EvfDi
Если вы хотите, чтобы выбрать каждый элемент с стиль = «позицию: ничего», я хотел бы взглянуть на в W3C спецификации на селекторы атрибутов CSS3: http://www.w3.org/TR/css3-selectors/#attribute-selectors
Не в простой CSS. –
'img [style =" position: fixed; "]' @JoshC ... но я сомневаюсь, что это действительно то, что нужно OP. –
Этот стиль определен в самом html, или вы пытаетесь сделать это на основе других правил CSS? – Gray