1

要素のテキスト シャドウを作成し、その要素のすべての子にそのシャドウを継承させたいと考えています。問題は、継承された text-shadow の相対単位 (つまり、em、ex、ch) が、font-sizeそれが作成された要素 (つまり、親要素) の計算に対して相対的であることです。

また、私はそれを理解しています

parent, parent * {
    text-shadow: 1em 2em 3em currentColor;
}

*正常に動作しますが、セレクターは避けたいと思います。すべての子要素を選択したくはありませんが、さらに重要なのは、具体性を台無しにしたくないということです。

（どのように）これは可能ですか？

4

1 に答える 1

0

（コメントの50ポイントの制限のおかげでコメントできません。したがって、回答タブの質問と、回答に基づいて更新する可能な解決策：P）

@ uber5001、質問 1: わかりやすくするために、すべての子要素を選択していますか? あなたが言った最初の行は、すべての子要素を選択したいということです。そして、あなたが言った質問の最後に、親要素のすべての子を選択したくありません。申し訳ありませんが、あなたが何を意味するのか理解できませんでした。

コメントで提供したjsfiddleで、に追加text-shadow: 5em 0em 0em #999;すると#parent p:first-child、目的の効果が得られます。 http://jsfiddle.net/ssaCw/1/

あなたは同じことを達成しようとしていると思いますか？回答を更新できるように、詳細をお知らせください。

編集: ルールをすべての子要素に適用する必要があるため、これは私が考えることができるものです: http://jsfiddle.net/ssaCw/2/

使用する#parent p:nth-child(n) { text-shadow: 5em 0em 0em #999; }

それが役立つことを願っています:)制約として他にも何かありますか？

于 2013-08-09T10:23:07.013 に答える