マークアップを編集できないため、純粋に CSS を使用してリスト項目間に仕切りを作成する必要があるため、次を使用しています。
li:after {
content: '|';
}
これは問題なく、うまく機能し、サポートも問題ありません。ただし、各リスト項目にエフェクトを追加すると、コンテンツ:hover
のスタイルも変更されます。:after
以下のデモで、私が何を意味するかを確認できます。
これを回避する方法はありますか?
マークアップを編集できないため、純粋に CSS を使用してリスト項目間に仕切りを作成する必要があるため、次を使用しています。
li:after {
content: '|';
}
これは問題なく、うまく機能し、サポートも問題ありません。ただし、各リスト項目にエフェクトを追加すると、コンテンツ:hover
のスタイルも変更されます。:after
以下のデモで、私が何を意味するかを確認できます。
これを回避する方法はありますか?