1

こんにちは、ナビゲーション メニューの CSS にこれを追加しました。メニューの下部に三角形の効果が追加されます。問題は、サブメニューにも追加されていることです..

.nav-menu li a:hover:after {
content: "";
display: block;
border: 10px solid #000;
border-bottom-color: #48c5f2;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -12px;
}

サブメニューの三角形の効果を削除するにはどうすればよいですか? 私はこのようなものを入れるべきだと思いますか？

.nav-menu li li a:hover:after { SOME CODES I DONT KNOW SO IT WILL REMOVE THE TRIANGLE; }
4

1 に答える 1

1

上書きする場合は、次を使用します。

.nav-menu li li a:hover:after {
    content:none;
}

それが正しいセレクターである場合、より具体的であると仮定して機能し、最初の宣言の後に配置されます..

または、そのアプローチが気に入らない場合は、最初の宣言で子セレクターを使用して、子に適用されないようにすることもできます。>

.nav-menu > li a:hover:after {}

基本的に、これはliの直接の子である要素に初期スタイリングを適用してい.nav-menuます。したがって、子要素 ( .nav-menu li li) はスタイリングを受け取らないため、リセットする必要はありません。

それとは別に、:notセレクターも常にあります。

于 2013-11-11T00:21:08.870 に答える