सीएसएस - एम

का उपयोग कर बच्चे का फ़ॉन्ट आकार 1 के बराबर नहीं है, जबकि सभी नेस्टेड सूची आइटम को एक ही आकार का उपयोग करने का सबसे प्रभावी तरीका क्या है। उदाहरण के लिए, मैं चाहता हूं कि इस सूची में सभी ली का आकार बदला जाए उल के माता-पिता के 0.85em तक। क्या मुझे गहराई के प्रत्येक "स्तर" के लिए एक अलग वर्ग बनाना है?सीएसएस - एम

<html> 
<head> 
    <style type="text/css"> 
     li 
     { 
      font-size: 0.85em; 
     } 
    </style> 
</head> 
<body> 
    <ul> 
     <li>Level 1 item 
      <ul> 
       <li>Level 2 item 
        <ul> 
         <li>Level 3 item</li> 
        </ul> 
       </li> 
      </ul> 
     </li> 
    </ul> 
</body> 
</html>

स्रोत

2009-07-23 Jeremy

काम करना चाहिए।

li li {font-size: 100%;}

स्रोत

2009-07-23 20:36:38 Matt

यह करता है, लेकिन यह सबसे प्रभावी तरीका नहीं है। –

@ बॉबी, यह सबसे प्रभावी तरीका क्यों नहीं है? – You

अपने पृष्ठ पर अतिरिक्त मार्कअप जोड़ने के बिना यह सबसे आसान तरीका है। – Matt

मैं सभी ली की इस सूची में उल के माता-पिता की 0.85em के आकार होना चाहते हैं

body > ul { font-size: 0.85em; }

करना होगा कि

स्रोत

2009-07-23 20:09:16

-1

li { font-size: 0.85em; } 
li li { font-size: 1em; }

स्रोत

2009-07-23 20:12:33 Quentin

मेरे सिफारिश करने के लिए किया जाएगा पहले <ul> को एक आईडी या कक्षा दें, और वहां font-size सेट करें।

स्रोत

2009-07-23 20:12:34 jimyi

(इस उत्तर मान लिया गया है कि आप सभी ली-तत्व एक ही आकार चाहते हैं (आप दोनों का कहना है कि आप एक ही आकार, और अलग अलग आकार प्रश्न में) चाहते हैं),

फ़ॉन्ट आकार cascades इसलिए यदि आप बस इसे बाहरी तत्व पर सेट करें (एक रैपर div या कुछ कहें), इसके अंदर सबकुछ एक कदम छोटा होगा (मुझे लगता है) जिसे आप चाहते हैं।

<div id="navigation"> 
    <ul> 
     <li>...</li> 
     <li> 
     <ul><li>...</li><li>...</li></ul> 
     </li> 
    </ul> 
</div> 

#navigation { font-size: 0.85em; }

स्रोत

2009-07-23 20:12:43

ऊपर दिया गया उदाहरण काम करता है जैसा कि इसे करना चाहिए। आईई 6 में भी, यह बाल चयनकर्ता का समर्थन नहीं करता है। –

सच - मैं उस HTML के साथ काम कर रहा था जिसने हमें दिया था। उन्होंने ब्राउज़र संगतता निर्दिष्ट नहीं की है, इसलिए मुझे लगता है कि वह ऐसा कुछ चाहता है जो सीएसएस 2.1 spec का पालन करता हो। –

सवाल में वह कहता है कि वह चाहता है कि वह अलग-अलग आकार हो? –

मैं एमिल से सहमत हूं, और अगर मैं पर्याप्त प्रतिनिधि अंक (n00b यहां) था तो उसे इस पर वोट दूंगा। मैं एक वर्ग का उपयोग करता हूं जैसे कि वह अपने पहले बिंदु में उल्लेख करता है, इसलिए यह उसी दस्तावेज़ में पुनः उपयोग करने योग्य है। यदि आप क्रॉस ब्राउज़र चाहते हैं और वर्तमान सीएसएस स्पेक का उपयोग कर रहे हैं तो मैं एक बेहतर असली दुनिया उदाहरण ..... सीएसएस 3 पर रोल और आईई 6 की मौत का सुझाव नहीं दे सकता!

स्रोत

2009-07-23 21:21:47 Crayonz

नैतिक समर्थन के लिए धन्यवाद! :) –

यह मैं कैसे करूँगा, और मुझे लगता है कि वास्तव में सही होने और अच्छी सलाह देने के लिए आपको नीचे चिह्नित करना अनुचित था – Crayonz

फ़ॉन्ट आकार बदलने के लिए "रीम" इकाई का उपयोग करें। यह फ़ॉन्ट-विरासत समस्या को हल करता है।

जॉनथन स्नूक के पास great article है।

स्रोत

2011-07-09 21:16:53 chotchki

हां, यह वास्तव में सबसे अच्छी विधि है। मैं केवल जोड़ सकता हूं आपको पिक्सल का उपयोग करके फॉल-बैक वैल्यू का उपयोग करना चाहिए। इस तरह: ली {फ़ॉन्ट आकार: 8.5 पीएक्स; फ़ॉन्ट आकार: 0।85em;} और आपको आमतौर पर लेकिन एचटीएमएल पर शरीर तत्व पर बेस फ़ॉन्ट आकार सेट करना चाहिए। –

@ माइक ईश्वा: आपका सीएसएस उदाहरण {फ़ॉन्ट आकार: 8.5 पीएक्स होना चाहिए; फ़ॉन्ट आकार: 0.85rem;} – chotchki

हाँ, आदेश मायने रखता है! –

सीएसएस - एम

उत्तर

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