1

私は持っている

<li class="item itemshad edited">
  <div class="itemsetting" style="">
    <span class="icon"><i class="icon-home"></i></span>
    <span class="inputspan" style="float: left;margin-top: 1px;"><input class="menuName" type="text" value="Text" style=""></span><span class="list" style="margin-left: 6px;"><i class="icon-reorder"></i></span>
  </div>
</li>

<li class="item itemshad edited selected">
  <div class="itemsetting" style="">
    <span class="icon"><i class="icon-home"></i></span>
    <span class="inputspan" style="float: left;margin-top: 1px;"><input class="menuName" type="text" value="Text" style=""></span><span class="list" style="margin-left: 6px;"><i class="icon-reorder"></i></span>
  </div>
</li>

「li」が選択および編集されたクラスの場合、入力の境界線の太さを変更します。

もしそうなら

.selected .edited input  {
    border: 2px dotted #ccc;
}

動作しません

4

3 に答える 3

4

1 つの要素に複数のクラスを指定するには、それらを結合するだけです。

.selected.edited input

これは、スペース文字が「の任意の子孫」を意味するコンビネータであるためです。

于 2013-04-27T13:45:41.807 に答える
2

これを行う：

.selected.edited input

スペース文字を削除しました。それ以外の場合.editedは、内部にある必要があり.selectedます。

于 2013-04-27T13:45:35.850 に答える
1

そのはず

.edited.selected input  {
    border: 2px dotted #ccc;
}

複数のクラス/ID およびクラス セレクターの詳細については、http://css-tricks.com/multiple-class-id-selectors/を参照してください。

于 2013-04-27T13:47:20.890 に答える