CSS-селектор для элемента внутри элемента со встроенным стилем?

Есть ли селектор CSS для таргетинга элементов со встроенными стилями? Могу ли я настроить таргетинг на первый прогон, но не на второй с CSS?

Если нет, это можно сделать с помощью jQuery?

http://jsfiddle.net/TYCNE/

<p style="text-align: center;">
    <span>target</span>
</p>

<p>
    <span>not target</span>
</p>

Ответы

Ответ 1

p[style="text-align: center;"] {
  color: red;
}

Однако это уродливо.

Ответ 2

Немного поздно на чаепитие, но подумал, что я поделюсь с решением, которое нашел и использовал.

@simone ответ идеален, если вы можете точно соответствовать атрибуту стиля. Однако, если вам нужно настроить таргетинг на встроенный атрибут стиля, который может иметь другие встроенные стили, связанные с ним, вы можете использовать:

p[style*="text-align:center;"]

"* =" означает "соответствует следующему значению в любом месте атрибута Значение".

Для получения дополнительной информации или более подробной информации о других селекторах см. это сообщение в блоге на css-tricks.com:

Селекторы Skinny On CSS

http://css-tricks.com/attribute-selectors/#rel-anywhere

Ответ 3

Если вы хотите применить стили к определенному объявлению правила, вы также можете использовать стиль *. Это будет соответствовать всем элементам, которые имеют встроенный стиль, независимо от применяемого значения.

div[style*="background-image"] {
  background-size: cover;
  background-repeat: no-repeat;
}

Ответ 4

использовать:

p[style] span {
  color: red;   
}