將樣式應用於DIV，除了第一行

我們有一個左側導航欄，我試圖調整一下。請不要批評HTML的有效性，我們有一個CMS和外部開發人員正在駕駛該船，坦率地說，它現在可以工作。將樣式應用於DIV，除了第一行

我想要做的是應用樣式<DIV> s表示是<DIV class="nav_selected">後，我只是想用一些padding-left:30px;

那它縮進他們，但一切我都試過適用於「nav_selected」 div以及這是我不想要的。這是一個標題，下面的div是孩子。

<div class="left_nav_2"> 
<div class="left_nav_2_container"> 
    <ul class="no_bottom_border"> 
    <div class="nav_selected"><li><h2><a href="#">Link 1 Selected</a></h2></li></div> 
    <div><li><a href="#">Link 2</a></li></div> 
    <div><li><a href="#">Link 3</a></li></div> 
    </ul> 
</div> 
</div>

來源

2013-08-02 tony noriega

你要哪個DIV應用風格？ –

我喜歡一些人提出問題的方式，並且不用對任何答案做出反應（評論，投票，接受）。 –

您可以嘗試創建第一行的類，然後使用否定僞類來利用它。

:not(/*put all the classes in your css document here.*/){ /* put the css you want for it here.*/}

來源

2013-08-02 14:03:25

像這樣的東西可能工作太：

CSS

.no_bottom_border li{ 
    padding-left: 30px; 
} 

.no_bottom_border .nav_selected li{ 
    padding-left: 0px; 
    // or just the opposite values of the .no_bottom_border li 
}

它是類似的東西？

來源

2013-08-02 14:04:00

OK，你可以使用這個：

ul.no_bottom_border > div:not(:first-child) { 
    padding-left: 30px; 
}

希望它有助於

來源

2013-08-02 14:04:03

Here it is which you want

添加填充左雙方的div像

.no_bottom_border li{ 
    padding-left: 30px; 
} 

.nav_selected li{ 
    padding-left: 0px; 
}

來源

2013-08-02 14:06:20

將樣式應用於DIV，除了第一行

回答

相關問題