小编Hen*_*her的帖子

我想用CSS选择倒数第二个元素.代码看起来像这样:

所以我试过这个:

.panel-default > [id^=heading]:last-of-type {
    border-bottom: 5px solid blue;
}

但没有运气.知道如何总是选择最后一个"panel-heading"元素吗？

我正在使用"milligram.css"(微型CSS框架).

我想将列内的DIV对齐到底部.

但没有任何反应,DIV总是排在最前面.

https://jsfiddle.net/fb8ydfcy/3/

.column {
  border: 1px solid red;
}

.col-bottom {
  border: 3px solid blue;
}


/*!
 * Milligram v1.1.0
 * http://milligram.github.io
 *
 * Copyright (c) 2016 CJ Patoilo
 * Licensed under the MIT license
*/

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  color: #606c76;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.6;
}

*,
*:after,
*:before {
  box-sizing: inherit;
}

blockquote {
  border-left: 0.3rem solid #d1d1d1; …

我使用盒子，并且我总是希望最后一个元素的值为“ margin-bottom：0”。所以首先我给每个元素一个“ margin-bottom：1em;”。现在，我想从框中的最后一个元素中删除此边距底部，但是如果其中不包含某个元素，则我的底部仍然有一个边距。任何想法如何做到这一点？它可能是一个段落，一个DIV或SPAN或其他任何内容，所以我并不总是希望手动执行此操作。我要与此混在一起。

我试过了：

section *+:last-child {
   margin-bottom: 0;
   border: 3px solid blue;
}

但是在最后一个div中有一段带有边距的段落，因此它不起作用。

这是一支笔：Pen。

我正在使用bootstrap（3.3.4）构建我的第一个站点，例如“ col-md-＃”之类的列在左侧和右侧都有15px的填充。

我可以用边距替换该填充，而以后不会出现问题吗？

原因是我有许多带有彩色背景（颜色或图像）的框，而带有填充的框在带有彩色背景时框之间没有可见的空间。我不明白为什么他们使用填充，我认为一定有一个很好的理由不使用margin（？）

我有一些元素，比如

<div id="one">ONE</div>
<div id="two">TWO</div>
<div id="three">THREE</div>
<div id="four">FOUR</div>
<div id="five">FIVE</div>

现在我想在 ID 为“two”和“third”的两个元素周围包裹一个 DIV 标签，以获得以下结果：

<div id="one">ONE</div>
<div class="wrapped">
    <div id="two">TWO</div>
    <div id="three">THREE</div>
</div>
<div id="four">FOUR</div>
<div id="five">FIVE</div>

使用“wrapAll”函数，我只能定位具有相同类的元素，我认为如下：

$(document).ready(function(){
    $( "div" ).wrapAll( "<div class='wrapped' />");
});

我知道我可以先用 jquery 给两个 DIV 相同的类，然后包装它们，但我希望有一种更优雅的方法。

我有这个简单的if else函数,我想知道如何缩短它？

<?php 
    if( $count_bananas == '1' )
    { echo '<div class="stage-columns-1">'; }

    elseif ($count_bananas == '2') 
    { echo '<div class="stage-columns-2">'; }

    elseif ($count_bananas == '3') 
    { echo '<div class="stage-columns-3">'; }

    elseif ($count_bananas == '4') 
    { echo '<div class="stage-columns-4">'; }
?>

代码可以工作,但我想知道是否有一种方法来编码这个更短更优雅？