ansaurus

Question

How to set float for every element inside a div at once wihout specfiying float for every element inside?

Answer 1

+2 A:

You can target all children of an element using the * selector, so in your example, you could add:

div * { float: right; }

Note that this would float all children and their children, so if you had nested content it's probably not what you want, in this case you probably want:

div > * { float: right; }

However, the > direct descendant selector isn't supported in older versions of IE (and possibly other browsers?).

Alconja 2010-01-13 05:28:56

Answer 2

+1 A:

Following on from Alconja below is a good way of getting round the descendant selector issue:

div *{ float: right; } 
div * *{ float: none; }

This will float everything right, then the children of everything will be reset to none.

middric 2010-01-13 11:30:37

+1 Nice trick, I didn't even think of that.

Alconja 2010-01-13 21:27:47

ansaurus

tags:

views:

answers:

How to set float for every element inside a div at once wihout specfiying float for every element inside?

related questions