2

次の 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」が斜体なのはなぜですか? 2 番目の CSS セレクター (プレースホルダー タイトルがあり、入力の "title" 属性が "x" であるアイテムを取得する) が有効であると予想していました。

4

3 に答える 3

5

2 つのバグ:

  • あるべきところに=ある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;
}
于 2013-06-29T03:49:29.163 に答える
3

である必要がinput[role="x"][placeholder]あります。現在のセレクターは、属性input[role="x"]を持つ要素内の要素と一致し[placeholder]ます。

それが役に立てば幸い。

于 2013-06-29T03:48:51.880 に答える
1

セレクターを次のように変更する必要があります

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

セレクターは、属性role="x"を持つ要素内にある属性を持つ入力を意味しますplaceholder

于 2013-06-29T03:48:47.367 に答える