Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

add a rule to an element only if it has a certain child

Tags:

css

less

Is there a way of adding CSS rules to an element only if it has an certain child element ? I do know it is not possible to do it with CSS, but I'm not sure if it is possible to do it with LESS.

like image 283
Roland Avatar asked Oct 31 '12 14:10

Roland


1 Answers

If it is not possible with CSS, then it is not possible with LESS, which compiles to plain old vanilla CSS.

The problem is, that the LESS is compiled without knowledge of the HTML it is applied to, and without any client side scripting. Therefore, it is impossible to achieve anything with LESS that can not be achieved by using CSS alone.

You could achieve what you want by using client side javascript, or you could wait until CSS4 comes out, and use the parent selectors to the same effect as what you want.

like image 143
Billy Moon Avatar answered Nov 15 '22 01:11

Billy Moon