2010-01-13 54 views
11

如何为div中的每个元素设置float权限?如何为每个元素内部的每个元素同时设置浮动值而不指定浮动元素中的每个元素?

我想赋予浮点内部元素而不是父DIV?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>Sandbox</title> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<style type="text/css" media="screen"> 
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; } 
div {border:2px solid red;height:50px} 
a {border:2px solid blue;margin:10px} 
</style> 
</head> 
<body> 

<div> 
<a>Hello from JS Bin</a> 
    <a>from JS Bin</a> 
    </div> 
</body> 
</html> 

回答

14

您可以针对使用*选择,所以在你的例子元素的所有孩子,你可以添加:

div * { float: right; } 

注意,这会漂浮所有的孩子和他们的孩子,因此,如果您有嵌套内容这可能不是你想要的,在这种情况下,你可能想:

div > * { float: right; } 

然而,>direct descendant selector isn't supported in older versions of IE(和POS其他浏览器?)。下面

10

从Alconja继变圆的后代选择问题的一个好办法:

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

这将漂浮的一切权利,那么一切的孩子将被重置为无。

+1

+1好戏,我甚至都没有想到。 – Alconja 2010-01-13 21:27:47

相关问题