HTML DIV與DIV相矛盾，它位於

對於網站導航我正在使用使用無序列表設置的側欄。列表中還有多個列表。我也使用了多個div。我現在遇到了div內部形成的問題，我需要設置一些與它所在的div相抵觸的代碼。在我的情況中，我使用了css的line-height：35px;我需要編輯它成爲15px。HTML DIV與DIV相矛盾，它位於

下面是代碼，我需要對其進行編輯中心（副表）

<li> 
    <h2> Tech Ed. Classes</h2> 
    </div> 
    <div id="sidebarLinks"><!-- USE THIS DIV SECTION FOR A LIST WITH BULLET POINTS --> 
    <ul> 
     <li><a href="index.html"><strong><em>Main Page</em></strong></a></li> 
     <li><a href="construction.html">Construction</a></li> 
     <li><a href="drafting.html">Drafting</a></li> 
     <li><a href="electronics.html">Electronics</a></li> 
    <ul id="subList"> 
     <li ><a href="#">INTRODUCTION TO ELECTRONICS</a></li> 
     <li><a href="#">EXPLORING CAREERS IN ELECTRONICS</a></li> 
    </ul> 
     <li><a href="graphic.html">Graphic arts </a></li> 
     <li><a href="Manufacturing.html">Manufacturing</a></li> 
     <li><a href="project.html">Project Lead the Way</a></li> 
     <li><a href="transport.html">Transportation, Distribution, & Logitstics</a></li> 
     <li><a href="woodworking.html">Wood Working</a></li> 
    </ul> 
    </div> 
</li>

來源

2014-02-26 Jake

究竟是什麼，你是想幹什麼？ – Howli

你可以在jsfiddle.com上做一個例子，把足夠的CSS和HTML給你一個例子，你到目前爲止 –

你可以簡單地通過添加CSS類你想改變是從DIV不同的元素做到這一點它們在，例如：

li { 
    line-height: 35px; 
} 

.smaller { 
    line-height: 15px; 
}

此CSS將使線高度上的所有元素<li>等於35px，除了用於與一類smaller<li>元件。這些將具有15px的行高。例如：

<ul> 
    <li>This will have a line height of 35 pixels.</li> 
    <li class="smaller">This will have a height of 15 pixels.</li> 
</ul> 
<ul class="smaller"> 
    <li>This will have a line height of 15 pixels, the ul has a class of smaller.</li> 
    <li class="smaller">This will have a height of 15 pixels as well.</li> 
</ul>

JSFiddle

來源

2014-02-26 22:50:55 Ceili

謝謝你的工作爐Ce的天力 – Jake

好，我很高興:)請你接受這個答案，如果它爲你工作？ – Ceili

我建議對內部列表添加一個更具體的選擇。這種方法不要求任何改變現有的標記：

#sidebarLinks { 
    line-height: 25px; 
} 
#sidebarLinks #subList { 
    line-height: 15px; 
}

下面是一個小提琴證明上述選擇：JSFiddle

來源

2014-02-26 22:51:01 chicgeek

HTML DIV與DIV相矛盾，它位於

回答

相關問題