ডিফল্ট তালিকা স্টাইলিং (সিএসএস) কী?

Question 1

আমার ওয়েবসাইটে আমি রিসেট.এসএস ব্যবহার করি। এটি শৈলীর তালিকায় ঠিক এটি যুক্ত করে:

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হয় শুধু এই সিএসএস সম্পত্তি জন্য ব্রাউজারের ডিফল্ট শৈলী উত্তরাধিকারী নেই।

রিসেট.এসএস সংশোধন না করে নির্দিষ্ট বৈশিষ্ট্যগুলির জন্য মূল ব্রাউজারের শৈলীর উত্তরাধিকারী হওয়ার কোনও উপায় আছে কি?

Question 2

আমি রিসেটটি সরাতে এই সিএসএসটি ব্যবহার করেছি:

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; 
}

সম্পাদনা: একটি নির্দিষ্ট শ্রেণীর সাথে অবশ্যই ...

Question 3

আমি মনে করি এটি আসলে যা আপনি খুঁজছেন:

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

.my_container li
{
    display: list-item;
}

Question 4

ডকুমেন্টেশন অনুযায়ী, অধিকাংশ ব্রাউজার প্রদর্শন করবে <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 { 
    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; 
}

দ্রষ্টব্য: যদি আমরা কোনও শ্রেণীর সাথে উপরের শৈলীগুলি ব্যবহার করি তবে ফলাফলটি নিখুঁত হবে। এছাড়াও বিভিন্ন তালিকা-আইটেম চিহ্নিতকারী দেখুন।

Question 5

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;
}

Question 6

তুমি পার না. যখনই কোনও স্টাইল শীট প্রয়োগ করা হচ্ছে যা কোনও উপাদানকে সম্পত্তি অর্পণ করে, তখন কোনও উপাদানের কোনও উদাহরণের জন্য ব্রাউজারের ডিফল্ট হওয়ার কোনও উপায় নেই।

রিসেট.সিএস-এর (বিতর্কিত) ধারণাটি ব্রাউজারের ডিফল্টগুলি থেকে মুক্তি পাওয়া, যাতে আপনি একটি পরিষ্কার ডেস্ক থেকে নিজের স্টাইলিং শুরু করতে পারেন। রিসেট.এসএসের কোনও সংস্করণ এটি সম্পূর্ণরূপে করে না, তবে তারা যে পরিমাণে তা করে, রিসেট.এসএস ব্যবহার করে লেখক রেন্ডারিংকে সম্পূর্ণরূপে সংজ্ঞায়িত করবেন বলে মনে করা হয় ।

Question 7

আপনি দ্বিতীয় সিএস ব্লকের সমস্ত উপাদানগুলিতে মার্জিনটি পুনরায় সেট করছেন। ডিফল্ট মার্জিন 40px - এটি সমস্যার সমাধান করা উচিত:

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

Question 8

ভবিষ্যতের জন্য একটি উত্তর: সিএসএস 4-এ সম্ভবত রিভার্ট কীওয়ার্ড থাকবে যা ব্যবহারকারী বা ব্যবহারকারী-এজেন্ট স্টাইলশিট [ উত্স ] থেকে কোনও সম্পত্তি তার মান হিসাবে ফিরিয়ে দেয় । এটি লেখার ক্ষেত্রে, কেবল সাফারি এটিকে সমর্থন করে - ব্রাউজার সমর্থনের আপডেটের জন্য এখানে চেক করুন ।

আপনার ক্ষেত্রে আপনি ব্যবহার করবেন:

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

আরও কিছু বিশদ সহ এই অন্যান্য উত্তরটি দেখুন।