css - 特定の子がある場合にのみ要素にルールを追加します

Question

特定の子要素がある場合にのみCSSルールを要素に追加する方法はありますか？CSSでそれができないことは知っていますが、LESSでそれができるかどうかはわかりません。

Answer 1

This isn't possible in CSS or LESS.

I would suggest your best bet is jQuery.

If your parent element is .parent and your child is .child, you could do:

$('.parent:has(.child)').addClass('myClass');

See Example: http://jsfiddle.net/d8Lz5/

Answer 2

CSSで不可能な場合は、プレーンな古いバニラCSSにコンパイルされるLESSでは不可能です。

問題は、LESSが適用されるHTMLの知識がなく、クライアント側のスクリプトがなくてもコンパイルされることです。したがって、CSSだけでは実現できないLESSでは実現できません。

クライアント側のJavaScriptを使用して目的を達成することも、CSS4がリリースされるまで待って、親セレクターを使用して目的と同じ効果を得ることができます。