सवाल डिफ़ॉल्ट सूची स्टाइल (सीएसएस) क्या है?


मेरी वेबसाइट पर मैं reset.css का उपयोग करता हूं। यह सूची शैलियों में बिल्कुल जोड़ता है:

ol, ul {
    list-style: none outside none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

समस्या यह है कि सभी सूची शैलियों को सेट किया गया है NONE इसके साथ। मैं केवल वेबसाइट उप-पृष्ठों पर सभी सूचियों के लिए मूल सूची शैलियों (डिफ़ॉल्ट) को वापस करना चाहता हूं (सभी सूचियां .my_container)।

जब मैं सेटिंग्स की तरह चीजों की कोशिश करता हूं list-style-type सेवा मेरे inherit इस सीएसएस संपत्ति के लिए ब्राउज़र की डिफ़ॉल्ट शैलियों का वारिस नहीं है।

Reset.css को संशोधित किए बिना कुछ गुणों के लिए मूल ब्राउज़र की शैलियों का उत्तराधिकारी करने का कोई तरीका है?


76
2017-07-31 09:42


मूल


Urgh ... resets ... shudder। - Utkanos
reset.css वेब डिज़ाइन में सबसे खराब एंटी-पैटर्न में से एक है। - Peter V
एक पूर्ण-ऑन रीसेट स्टाइलशीट की बजाय, कुछ ऐसा मानें github.com/necolas/normalize.css जो सभी तत्वों के लिए समझदार डिफ़ॉल्ट सेट करता है। इस तरह, आप सभी ब्राउज़रों में आधार रेखा से शुरू करते हैं और वहां से बाहर निकल सकते हैं। साथ ही, आपको डिफ़ॉल्ट सेटिंग्स पर वापस जाने के लिए अतिरिक्त कोड जोड़ने की आवश्यकता नहीं है! - Olly Hodgson
@OllyHodgson हां, लेकिन मुझे विशिष्ट कारण मिल गए हैं क्यों मैं reset.css का उपयोग करना चाहता हूं। मुझे वास्तव में जितना संभव हो उतना स्टाइल साफ़ करना होगा और मैं इसे फिर से लिखना चाहता हूं - अन्य तरीकों से नहीं :) - Atadj
यदि आप उन्हें मिटाना चाहते हैं और उन्हें फिर से लिखना चाहते हैं, तो इस सवाल का क्या मतलब है? जहां तक ​​मैं देख सकता हूं कि आपके पास दो विकल्प हैं: 1) विशेष रूप से सूची शैलियों को रीसेट करने से बचें ताकि आप डिफ़ॉल्ट रख सकें 2) उन्हें रीसेट करें, और अपनी खुद की सूची शैलियों के साथ आएं। - BoltClock♦


जवाब:


मैं रीसेट को हटाने के लिए इस सीएसएस को सेट करता था:

ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

संपादित करें: निश्चित रूप से एक विशिष्ट वर्ग के साथ ...


117
2017-07-31 09:47



अब तक यह काम करता है जैसे :) :) मुझे लगता है कि यह मेरे प्रश्न को हल करता है। मैं अब इसे नेस्टेड सूचियों आदि के साथ परीक्षण करने जा रहा हूं। - Atadj
यह "मूल सूची शैलियों (डिफ़ॉल्ट) वापस नहीं लौटाता है"। यह बस सेट करता है कुछ शैलियों। - Jukka K. Korpela
मैं सहमत हूं, लेकिन जो कुछ भी, लक्ष्य कुछ शैली निर्धारित करने के लिए था। यह सीएसएस सूचियों के लिए एक सुंदर बुनियादी शैली देता है, और नहीं। - zessx
सूची-शैली-प्रकार के लिए कोई "डिफ़ॉल्ट" विकल्प नहीं है और मुझे पता चला कि उत्तर प्राप्त करने के बाद। ब्राउज़र केवल कुछ शैलियों को जोड़ते हैं जो अक्सर ब्राउज़र के बीच संगत नहीं होते हैं। - Atadj
मैंने किसी को भी डिस्प्ले सेट किया था: इनलाइन-ब्लॉक; और ऐसा लगता है कि गोलियों को फिर से दिखाने के लिए इसे सूची-वस्तु होने की आवश्यकता है। - Mark


मुझे लगता है कि यह वास्तव में आप जो खोज रहे हैं:

.my_container ul
{
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}

.my_container li
{
    display: list-item;
}

30
2018-04-18 00:12



हाँ, मुझे लगता है कि यह कुछ भी महत्वपूर्ण जवाब है। inherit अभिभावक कंटेनर से शैलियों को विरासत में लेता है और यह उन्हें डिफ़ॉल्ट ब्राउज़र मानों पर सेट नहीं करता है। initial क्या यह (मुझे बाद में इसके अस्तित्व के बारे में पता चला) लेकिन क्या आप निश्चित हैं ul { list-style: initial; } तथा ol { list-style: initial; } एक वैध परिणाम देगा? यह सेट नहीं है list-style इसके प्रारंभिक मूल्य पर तत्व के बावजूद इसे लागू किया जाता है? नहीं होगा initial मूल्य होना disc outside none दोनों प्रकार की सूचियों के लिए? - Atadj
गजब का, initial मेरे साथ कभी नहीं हुआ! - BenjaminRH
initial आईई के किसी भी संस्करण में समर्थित नहीं है msdn.microsoft.com/en-us/library/... - lulalala


http://www.w3schools.com/tags/tag_ul.asp

ul { 
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

9
2017-12-22 18:58



धन्यवाद मेरे जीवन को बचाया, यह सोच रहा था कि क्यों मेरे उपमेनू में पैडिंग था। - Asura


दस्तावेज़ीकरण के अनुसार, अधिकांश ब्राउज़र प्रदर्शित होंगे <ul>, <ol> तथा <li> निम्न डिफ़ॉल्ट मान वाले तत्व:

के लिए डिफ़ॉल्ट सीएसएस सेटिंग्स यूएल या राजभाषा टैग:

ul, ol { 
    display: block;
    list-style: disc outside none;
    margin: 1em 0;
    padding: 0 0 0 40px;
}
ol { 
    list-style-type: decimal;
}

के लिए डिफ़ॉल्ट सीएसएस सेटिंग्स LI टैग:

li { 
    display: list-item;
}

स्टाइल नेस्टेड सूची आइटम भी:

ul ul, ol ul {
    list-style-type: circle;
    margin-left: 15px; 
}
ol ol, ul ol { 
    list-style-type: lower-latin;
    margin-left: 15px; 
}

ध्यान दें: यदि हम उपरोक्त शैलियों का उपयोग कक्षा के साथ करते हैं तो परिणाम सही होगा। अलग भी देखें सामग्री सूचीबद्ध करें मार्करों।


6
2017-12-17 09:53





आप नहीं कर सकते। जब भी कोई स्टाइल शीट लागू होती है जो किसी तत्व को संपत्ति निर्दिष्ट करती है, तो तत्व के किसी भी उदाहरण के लिए ब्राउज़र डिफ़ॉल्ट पर जाने का कोई तरीका नहीं है।

Reset.css का (विवादनीय) विचार ब्राउज़र डिफ़ॉल्ट से छुटकारा पाने के लिए है, ताकि आप एक स्वच्छ डेस्क से अपनी स्टाइल शुरू कर सकें। Reset.css का कोई संस्करण पूरी तरह से ऐसा नहीं करता है, लेकिन हद तक वे करते हैं, रीसेट.css का उपयोग करने वाले लेखक को माना जाता है पूरी तरह प्रतिपादन को परिभाषित करें।


4
2017-07-31 13:50





आप दूसरे सीएसएस ब्लॉक में सभी तत्वों पर मार्जिन को रीसेट कर रहे हैं। डिफ़ॉल्ट मार्जिन 40px है - इससे समस्या हल होनी चाहिए:

.my_container ul {list-style:disc outside none; margin-left:40px;}

2
2017-07-31 09:52





भविष्य के लिए एक उत्तर: सीएसएस 4 में शायद रीवर्ट कीवर्ड होगा, जो उपयोगकर्ता या उपयोगकर्ता-एजेंट स्टाइलशीट से किसी संपत्ति को उसके मूल्य में बदल देता है [स्रोत]। इसे लिखने के रूप में, केवल सफारी इसका समर्थन करता है - यहा जांचिये ब्राउज़र समर्थन पर अद्यतन के लिए।

आपके मामले में आप इसका उपयोग करेंगे:

.my_container ol, .my_container ul {
    list-style: revert;
}

यह भी देखें यह दूसरा जवाब है कुछ और विवरण के साथ।


0
2017-12-17 18:46