從最後一個div

我掙扎着從我的最後一個div刪除邊框刪除邊界，這裏是我的代碼：從最後一個div

<div class="media"> 
    <a class="pull-left" href="producten.php?product=<?php echo $key; ?>"> 
     <img class="media-object" src="img/<?php echo $key; ?>.png"> 
    </a> 
    <div class="media-body"> 
     <h4 class="media-heading"><?php echo $output["naam"]; ?></h4> 
     <div class="row"> 
      <div class="col-sm col-xs-10"> 
       <p><?php echo $output["omschrijving"]; ?></p> 
      </div> 
      <div class="col-sm-2 col-xs-2"> 
       <p class="pull-right">Prijs:<b><?php echo $output["prijs"]; ?></b></p> 
      </div> 
     </div> 
    </div> 
</div>

和我的CSS：

.media { 
    padding-left: 1em; 
    padding-right: 1em; 
    border-bottom: 1px solid #000; 
    padding-top: 10px; 
    padding-bottom: 10px; 
} 

.media:last-of-type { 
    padding-left: 1em; 
    padding-right: 1em; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    color: red; 
}

但這似乎沒有不工作，請注意，我使用Bootstrap恩原諒我說，有些詞是荷蘭語或PHP可能是垃圾（但這就是爲什麼我學習）。

來源

2014-04-11 user3523680

最後一個類型是一個元素選擇器（不是類），所以如果你有另一個div在你的媒體div之後，它會將樣式應用於該div而不是 – Pete

你是否重設邊界爲無好？我沒有在你的代碼中看到它。 –

IE7/IE8不支持最後孩子AFAIK。

也許你可以顛倒邊界的順序，而不是從最後一個刪除（邊界 - 底部），然後將其從第一個刪除（邊框頂部）呢？你甚至不需要把它放在：

.media + .media {border-top: 1px solid #000000;}

或相似好歹扭轉它和瞄準的第一個孩子，而不是（或所有人，但如上面的第一個孩子）

做一些修改：更新代碼可能更適合你的例子

來源

2014-04-11 12:46:55 daniel

:last-child僅當有問題的元素是容器的最後一個孩子時才起作用。 :last-of-type是針對特定類型元素的最後一個。

.media:last-child { 
    border:none; 
}

來源

2014-04-11 12:37:53

嘗試這樣：

div.media:last-child{ 
}

來源

2014-04-11 12:38:13

怎麼樣重置的邊界呢？

.media:last-of-type { 
    padding-left: 1em; 
    padding-right: 1em; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    color: red; 
    border:none; 
}

來源

2014-04-11 12:40:56

你可以試試下面的代碼：

.media:last-child{ 

border:0; 

}

來源

2014-04-11 12:41:03

從最後一個div

回答

相關問題