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

i creating ul li list, issue list not working because calls 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 , 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 override margin: 0;padding: 0; border: 0; , can list formatted easily.

removing padding:0; solve query want use global css

either remove ul , li global declaration or add "!important" new declaration sure previous rule not considered;

ul{    padding: 10px !important; } 

to make example.