li
内にある場合は、ナビゲーションメニューに下矢印を配置しようとしていますli
。
ショップのリンクにカーソルを合わせると、問題が発生している場所がわかります-http://codepen.io/anon/pen/ABucF
矢印(または私のデモンストレーション目的ではV)は、[ショップ]タブ、[チェックアウト]、および[マイアカウント]の直後にある必要があります。
CSSでこれをどのように達成できますか?
ありがとうございました。
li
内にある場合は、ナビゲーションメニューに下矢印を配置しようとしていますli
。
ショップのリンクにカーソルを合わせると、問題が発生している場所がわかります-http://codepen.io/anon/pen/ABucF
矢印(または私のデモンストレーション目的ではV)は、[ショップ]タブ、[チェックアウト]、および[マイアカウント]の直後にある必要があります。
CSSでこれをどのように達成できますか?
ありがとうございました。
要素を調べて特定の条件をチェックし、それに基づいてその親のスタイルを設定しようとしています。
残念ながら、CSSを使用して親要素のスタイルを設定することはまだできません。
最善の策は、スタイルを設定する各要素にクラスを追加してそのようにするか、それを必要とする各アンカータグにアイコン/imgを物理的に配置することです。
または、JavaScriptを使用してそれを実現します。
サブチャイルドを含む親にクラスを与える、すなわちショップ
.parent:after{
content:"V";
//or
background:url(image.png) no-repeat position;
}