0

サブメニューを持たないメイン メニュー項目の CSS 三角形を削除するにはどうすればよいですか?

http://v2.letsfaceitbeauty.caを参照してください。

これは関連する CSS コードだと思います。「.has-sub」が正しいセレクターだと思いますが、その方法がわかりません。

#cssmenu > ul > li:hover:after { /* this is the arrow */
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #6796ff;
margin-left: -10px;
}
4

1 に答える 1

2

三角形を作成する css と、三角形を配置する要素がわかっている場合は、これら 2 つの部分を組み合わせるだけです。つまり、前のルールを次のように置き換えます。

#cssmenu > ul > li.has-sub:hover:after { /* this is the arrow */
   content: '';
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   left: 50%;
   bottom: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid #6796ff;
   margin-left: -10px;
}
于 2012-11-22T03:09:14.167 に答える