2017-11-21 8 views
1

私たちのプロジェクトには、通常この種のことを扱う専門的なWeb開発者がいます。しかし、私たちは去りました、そして、私たちはまだ見ているので、この奇妙さは私に落ちます。ノードの下にある行のリストが親ノードの外観に影響を与えなければならない状況があります。上記でCSSクラスはその下のクラスごとに変更されていますか?

<span class="feedback"> 
    <ul> 
    <li class="info">Just an info message</li> 
    <li class="error">This is an error</li> 
    </ul> 
</span> 

すべてのリーのエラーでない場合は、我々は1つの外観をしたいが、一つでもエラーがありますならば、我々は異なる外観をしたいです。それはCSSができることですか?もしそうなら、どうですか?エラーが発生した場合には1つの方法を表示し、存在する場合には別の方法で表示させるフィードバックがありますか?

+0

エラーを引き起こす原因を知ることができますか?ボタン?形? – Tibs

+0

これにはjavascriptが必要です –

+0

おそらくCSS4で可能でしょうか。 Atm。擬似 ':has'はそれを行うことができますが、そのサポートは本当に悪いです。 – VXp

答えて

1

バックエンドのクラスhas-errorsspan.feedbackを追加するオプションはありませんか?あなたはバックエンドから来るものを制御している場合、私は(それが何らかの形で簡単です)の代わりに、このようなアプローチのような何かを試してみた:

<span class="feedback has-errors"> 
    <ul> 
    <li class="info">Just an info message</li> 
    <li class="error">This is an error</li> 
    </ul> 
</span> 

をそれ以外の場合は、私が知る限り、それは正確に達成することはできませんあなたはCSSを通してのみ求めているものです。しかし、あなたがJSを使っているならば、あなたはそれが(理想から遠くに)起こるようにすることもできます。

+0

@leanroico - クラスに親を追加するのはおそらく可能です。このセクションを生成するサーバーコードは、このように簡単にモジュール化されていません。だから私は、純粋なCSSソリューションがいくつかのことをすることができると知っていたのでオプションであったかどうかを確認したいと考えていましたが、私のCSSはこれを行うことができるかどうかを知るのに十分ではありません。 – user1187719

+0

私は参照してください。ええ、あなたの痛みを感じます。確かにあまりエレガントではありません。私もそのような必要性をすでに遂行しており、満足のいく解決策を得られませんでした。おそらく、次のCSS仕様では、そうすることができます。 – leandroico

関連する問題