0

3つの異なる列のセットを作成しましたが、各列のスタイルを変える機能が必要です。

<div id="container">
    <div class="first">
        <div class="column">Featured Work</div>
        <div class="column">info</div>    
        <div class="column">info</div>
    </div>

    <div class="middle">
        <div class="column">News</div>
        <div class="column">middle column</div>    
        <div class="column">right column</div>
    </div>

    <div class="footer">
        <div class="column">body copy 1</div>
        <div class="column">body copy 2</div>    
        <div class="column">body copy 3</div>
    </div>

これは私の現在のコードです:http://jsfiddle.net/TroyAlford/Cj6dj/2/

と列を上部と下部の境界線でスタイル設定し、タイプをスタイル設定しfeatured workたいと思います。と列に沿っnewsた2つの列は、その周りに完全な境界線があります。InfomiddleRight

この効果を実現するために、各クラスの名前を一意の名前に変更しますか?

4

1 に答える 1

0

あなたは:first-childセレクターをすることができます-デモ

#container .first div.column:first-child,
#container .middle div.column:first-child {
    border-width: 1px 0;
    color: #c00;
}
于 2012-12-02T01:01:23.753 に答える