CSS Selector не Matching

Question

Для следующего HTML + CSS (http://jsfiddle.net/Gb3dh/1/):

<input class="a" placeholder="here"/> 
<input class="b" role="x" placeholder="there"/> 

...

.a, .b { 
    font-style: italic; 
} 

[placeholder] input[role="x"] { 
    font-style=normal; 
} 

Почему "стиль шрифта" в "класс = Ъ" входной курсивное ? Я бы предпочел второй селектор CSS (получить любой элемент с заголовком-заполнителем и где вход имеет атрибут «title», равный «x»).

Answer 1

Две ошибки:

• Там в в font-style=normal;= там, где должна быть :
• [placeholder] не должно быть перед input[role="x"], как вы сделали это соответствует элемент с атрибутом placeholder, который содержит a input элемент с атрибутом role="x"

Просмотреть обновленный JSFiddle (или код ниже): http://jsfiddle.net/Gb3dh/5/

.a, .b { 
    font-style: italic; 
} 

input[role="x"][placeholder] { 
    font-style:normal; 
} 

Answer 2

Вы должны изменить селектор

input[placeholder][role="x"] { 
    font-style=normal; 
} 

Ваш селектор означает ввод с атрибутом role="x" который находится внутри элемента с атрибутом placeholder

Answer 3

Это должно быть input[role="x"][placeholder], текущий селектор будет соответствовать элемент input[role="x"] внутри элемента с атрибутом [placeholder].

Надеюсь, это поможет.