メニューの「アクティブ」要素に三角形を追加しようとしています。このcssを追加しました：
.navbar .active::after {
content: "";
position: absolute;
bottom: -16px;
border-width: 0px 15px 15px;
border-style: solid;
border-color: #ffffff transparent;
display: block;
width: 0;
}
しかし、何らかの理由で、添付のスクリーンショットのように、アクティブな要素で 2 つの三角形が少し重なっています。私はそれを正しくする方法が他にわかりません....助けてください?
Drupal.org の andregriffin が私の質問に答えてくれました。「おそらく、li タグと a タグのように、両方とも .active クラスを持つネストされた要素が 2 つあるためです。どちらに CSS を適用するかをより具体的にする必要があります。おそらく、.navbar > .active:after または .navbar a.active:after または .navbar li.active:after を使用する必要があります。"
だから私は次のCSSになり、完璧に動作します! /* アクティブなキャレット */ .navbar a.active:after { content: ""; マージン左: 自動; マージン右: 自動; パディングトップ: 2px; ボーダー幅: 0px 10px 10px; 境界線のスタイル: 無地; 境界線の色: #ffffff 透明; 表示ブロック; 幅: 0; }