0

私はナビゲーションバーを作成していますが、基本的には、下、左 (最初の子) と右 (最後の子) にボックスの影があります。

私の構造は<ul><li><a><span>

の下部にul li a { 0 1px 0 0 green }box-shadow があり、最初と最後の要素の側面に box-shadow を追加したいと考えていますul li:first-child a { -1px 0 0 0 red }。ただし、box-shadow プロパティは:first-childセレクターでオーバーライドされています...「-1px 0 0 0 赤を前の box-shadow スタイルに追加する」と言う方法はありますか。

私が理にかなっていることを願っています。ここにデモがあります：http://jsfiddle.net/LJj2p/

ありがとう！

4

1 に答える 1

0

いいえ。a を持つものに a を追加することはできませんbox-shadow。上書きされるためです (より具体的には、より特異性の高いものが優先されます)。:first-child/の:last-child場合は、両方のシャドウを一度に定義する必要があります。

ただし、疑似要素を使用すると、シャドウを効果的に「追加」できますが、実際には追加されません。

于 2012-09-03T22:19:23.820 に答える