एक तत्व के अंदर प्रत्येक तत्व के लिए तैरने के लिए कैसे एक बार में प्रत्येक तत्व के लिए specfiying फ्लोट के साथ फ्लोट सेट करने के लिए?

div के अंदर प्रत्येक तत्व के लिए फ्लोट सही कैसे सेट करें?एक तत्व के अंदर प्रत्येक तत्व के लिए तैरने के लिए कैसे एक बार में प्रत्येक तत्व के लिए specfiying फ्लोट के साथ फ्लोट सेट करने के लिए?

मैं केवल मूल तत्वों के लिए फ्लोट देना चाहता हूं केवल पैरेंट डीआईवी के लिए नहीं?

<!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>

स्रोत

2010-01-13 Jitendra Vyas

आपको कोई ऐसा तत्व * चयनकर्ता का उपयोग करके, अपने उदाहरण में इतना के सभी बच्चों को लक्षित कर सकते हैं, तो आप जोड़ सकते हैं:

div * { float: right; }

ध्यान दें कि यह सभी बच्चों और उनके बच्चों के तैरने लगते हैं, इसलिए यदि आप ,

div > * { float: right; }

हालांकि >direct descendant selector isn't supported in older versions of IE (और स्थिति: नेस्टेड सामग्री यह शायद आप क्या चाहते हैं, इस मामले में आप शायद चाहते हैं नहीं है था शायद अन्य ब्राउज़रों?)।

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

यह सब कुछ सही है, तो सब कुछ के बच्चों से कोई भी पर रीसेट हो जाएंगे तैर सकती है:

स्रोत

2010-01-13 05:28:56 Alconja

Alconja से इसे जारी रखते हुए नीचे दौर वंशज चयनकर्ता मुद्दा होने का एक अच्छा तरीका है।

स्रोत

2010-01-13 11:30:37 middric

+1 अच्छी चाल, मैंने इसके बारे में भी सोचा नहीं। – Alconja

उत्तर

संबंधित मुद्दे