CSS选择器不匹配

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;
}

为什么"class = b"的"font-style"输入斜体？我希望第二个CSS选择器(获取具有占位符标题的任何项目以及输入具有等于"x"的"title"属性的位置)才能生效.

Answer 1

两个错误:

• 这里有一个=在font-style=normal;那里应该是一个:
• [placeholder]不应该在之前input[role="x"],你完成它的方式匹配一个元素与placeholder包含一个input属性元素的属性role="x"

请参阅更新的JSFiddle(或以下代码):http://jsfiddle.net/Gb3dh/5/

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

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