css - merge more than one P with one style -


  & lt; div वर्ग = 'टिप्पणी' & gt; & Lt; div id = 'image' & gt; छवि & lt; / div & gt; & Lt; div id = 'date' & gt; तिथि & lt; / div & gt; & Lt; p & gt; टिप्पणी 1 & lt; / p & gt; & Lt; p & gt; टिप्पणी 2 & lt; / p & gt; & Lt; p & gt; टिप्पणी 3 & lt; / p & gt; & Lt; div & gt; हस्ताक्षर & lt; / div & gt; & Lt; / div & gt;  

उदाहरण के लिए मुझे सभी पी तत्वों को एक शैली देने की आवश्यकता है अगर मैं यह कोशिश करता हूं:

  .comment p {background-color: # CED7BA; रंग: आरजीबी (15, 8, 119); सीमा-त्रिज्या: 15px; पैडिंग: 10px; चौड़ाई: 80%; }  

यह प्रत्येक पी पर उपरोक्त शैली को लागू करेगा, लेकिन मुझे सभी पी (एस) की एक सीमा है, ध्यान रखें कि मेरे पास HTML के लिए कोई नियंत्रण नहीं है , मुझे सीएसएस लिखने की अनुमति है, मैं सभी पी (एस) एक सीमा कैसे दे सकता हूं

आप और चयनकर्ताओं को पहले और आखिरी पैराग्राफ के लिए विशेष स्टाइल लागू करने के लिए, और उसके बाद के बीच में सभी पैराग्राफों के लिए एक साधारण चयनकर्ता का उपयोग कर सकते हैं।

ध्यान दें कि यह केवल तब तक काम करता है जब तक कि आप HTML मेलों को ठीक नहीं करते

यह भी ध्यान रखें कि ये चयनकर्ता IE8 द्वारा समर्थित नहीं हैं।

अगर सामग्री आपके द्वारा पोस्ट की गई चीज़ों की तुलना में अधिक जटिल है, या आपको IE8 समर्थन की आवश्यकता है , तो आप अकेले सीएसएस के साथ ऐसा नहीं कर सकते आपको जावास्क्रिप्ट का उपयोग करना होगा, या HTML को संशोधित करने की अनुमति प्राप्त होगी।

  .comment p: पहले-के-प्रकार {सीमा-त्रिज्या: 15px 15px 0 0; मार्जिन-शीर्ष: 5px; पैडिंग-टॉप: 10 पीएक्स; } .comment p {background-color: # CED7BA; रंग: आरजीबी (15, 8, 119); सीमा-त्रिज्या: 0; पैडिंग: 0 10px 10px 10px; मार्जिन: 0; चौड़ाई: 80%; } .comment p: पिछले प्रकार की {सीमा-त्रिज्या: 0 15 15x 15px; मार्जिन-नीचे: 5px; }  
  & lt; div class = 'comment' & gt; & Lt; div id = 'image' & gt; छवि & lt; / div & gt; & Lt; div id = 'date' & gt; तिथि & lt; / div & gt; & Lt; p & gt; टिप्पणी 1 & lt; / p & gt; & Lt; p & gt; टिप्पणी 2 & lt; / p & gt; & Lt; p & gt; टिप्पणी 3 & lt; / p & gt; & Lt; div & gt; हस्ताक्षर & lt; / div & gt; & Lt; / div & gt;  


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -