1

あなたがここで見ることができるように： 何？

より高い特異性の代わりに、セレクター.wrapper-dropdown .labelが適用されています.wrapper-dropdown .dropdown li div.liwrap:hover

何故ですか？必要に応じて、osx10.8でChromeを使用しています

-編集

This Less：http
: //hastebin.com/feyurojusa.avrasmはこのcssにコンパイルされます：http：//hastebin.com/dihimuquju.css

そしてこの翡翠：http
： //hastebin.com/sipetaqigu.vhdlこのhtmlにコンパイルします：http：//hastebin.com/sufavolumo.xml

さらに、クリックイベントを処理するこの小さなJavaScriptがあります：http：//hastebin.com/sufavolumo.xml

4

1 に答える 1

3

で指定されている要素は、 ;.labelで指定されている要素と同じではありません。div.liwrapむしろ、の子孫の.label1つです。div.liwrapセレクターは異なる要素に完全に一致するため、特異性は無関係になります。

取り消し線は、独自の宣言を行っているために、div.liwrap祖先colorが継承されるのではなくキャンセルされることを意味します。.labelcolor

.labelホバーから継承する場合div.liwrapは、LESSコードで次のルールを変更する必要があります。

  .dropdown li div.liwrap:hover {
    border-color: #00aeef;
    color: #00aeef;
  }

このようなものに：

  .dropdown li div.liwrap:hover {
    border-color: #00aeef;
    color: #00aeef;
    .label {
      color: #00aeef; // Or color: inherit;
    }
  }
于 2013-03-19T18:50:13.107 に答える