How can i override the margin: 0; padding: 0; border: 0; css styles from main body css for ul li


Tags: html,css,html5,css3

Problem :

I was creating a ul li list, but my issue is that list is not working because it calls some other css.

jsFiddle

body, div, span, ul, li, input, a, p, h1, h2, h3, h4, h5, img, table, tr, th, td {
    border: 0 none;
    box-sizing: border-box;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
<ul id="" class="">
<li><p>Laparoscopic Surgery</p></li>
	<ul>
		<li>Hernia</li>
			<ul>
				<li>Inguinal</li>
				<li>Femoral</li>
				<li>Incisional</li>
				<li>Hiatal</li>
				<li>Umbilical</li>
			</ul>
		<li>Cholecystectomy    (Gallbladder removal)</li>
		<li>Lysis of Adhesion</li>
		<li>Appendectomy</li>
		<li>Ectopic Pregnancy</li>
		<li>Myomectomy (removal of tumor (usually fibroid) in uterus)</li>
		<li>Oopherectomy / Salpingectomy ( Ovary/ Fallopian tubes)</li>
		<li>Ovarian Cyst  (Resection / cystectomy)</li>
		<li>Splenectomy  (spleen)</li>
		<li>Tubal Ligation</li>
	</ul>


	
<li>•	Thyroidectomy  (thyroid)</li>
<li>•	Abdominal Surgery</li>
<li>o	Open vs. Laparoscopic</li>
<li>?	Splenectomy</li>
<li>?	Appendectomy</li>
<li>•	Septoplasty -  Tonsil & Adenoid</li>
<li>•	Rhinoplasty   (nose)</li>
<li>•	Vein Ligation and stripping (varicose or esophageal)</li>
<li>•	Insertion of Pacemaker</li>
<li>•	Cesarean Section</li>
<li>•	Hysterectomy – abdominal or vaginal</li>
<li>•	D & C ( Dilitation & Curettage,  possible miscarriage)</li>
<li>•	I & D – skin /subcutaneous abscess or cyst   (Incision & Drainage)</li>
<li>•	Cataract Extraction</li>
<li>•	Retinal Detachment</li>
</ul>

So how can i override the margin: 0;padding: 0; border: 0; , so that i can get the list formatted easily.

Removing padding:0; solve my query but I want to use it for my global CSS



Solution :

Either remove ul and li from the global declaration or add "!important" to the new declaration to be sure that the previous rule is not considered;

ul{
   padding: 10px !important;
}

to make an example.


    CSS Howto..

    How to select the first occurrence of an HTML element in CSS that does not have a specific class?

    Bootstrap with Picture Slideshow

    How do I make this lightbox I am creating only open on the div I am clicking?

    How to switch between custom css layout and bootstrap css layout

    why there is opacity on image how to put no opacity on image and put hover function on div?

    How to align specific element to the right using :last-child pseudo

    how to change CSS styles dynamically using php/Mysql..i want to create themes that are unique to each user?

    How to make an image follows scrolling until a certain point

    How to add 10 pixels to a dynamic top position in CSS using SASS

    How to relativize URLs in css files in Hakyll?

    How to fix incorrect element size on browser scaling?

    How to prevent page jump when using # href to swap gallery images using a div ID?

    How to utilize css of this style in LESS?

    How can you remove the table-tags in CreateUserWizard control

    How can I set my unordered list to be in the middle not in-line (see image)?

    How to deal with DIV position and height

    How can I embed a smartphone simulator in html5? [closed]

    How do I keep an element scaled in CSS3 in-till mouseleave? Then on mouseleave scale the element back to it's original size

    How can I make the CSS-hover animation to stay?

    CSS Newbie - How to dynamically move buttons

    html web shows header only in mobile view

    how to redirect page

    How to make this image blur with css

    CSS selector: how to make 2 spans each fill 50% of their parent's width?

    How to style PushButton's image size on hover/pressed in Qt4 using CSS

    Creating a calendar control using CSS: How to auto layout events

    How to add css style in php email?

    How to create an infinite Sign Trajectory using CSS animation?

    How can I get width and height of big image after displaying it on html-page?

    how to remove space from html using bootstrap