簡體   English   中英

我如何覆蓋保證金:0; 填充:0; 邊界:0; 來自主體css的css樣式為ul li

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

我正在創建一個ul li列表,但我的問題是列表無效,因為它調用了其他一些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> 

那么如何覆蓋邊距:0;填充:0; 邊界:0; ,以便我可以輕松地格式化列表。

刪除padding:0; 解決我的查詢,但我想將它用於我的全局CSS

從全局聲明中刪除ul和li,或者在新聲明中添加“!important”以確保不考慮先前的規則;

ul{
   padding: 10px !important;
}

舉個例子。

您可以向所有列表元素添加一個類,而不是使用!important:

<ul class="list">

並為.list類添加規則:

.list {
    margin: 10px 0 10px 20px;
    list-style: none;
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM