0

わかりました、私はこれを何時間もグーグルで検索しましたが、うまくいきませんでした。どうかお役に立てれば幸いです。tumblr のグリッド テーマに取り組んでいます。最新の投稿を他の投稿とは異なる形式にしたい。つまり、ページ全体の幅にして、異なる背景色と境界線の属性を持たせたいのです。本質的には、最新の投稿に継続的に更新されるメディア ヘッダーを作成します。

同様の例は Digg.com です。トップポストは 3 ページ幅で、残りの「トップポスト」は 3 列のグリッドになっています。

私はhtmlとcssにはかなりの能力がありますが、jsには（まだ）対応していません。私が取り組んでいるサイトは、adventuresportlife.tumblr.com です。

繰り返しますが、あなたの助けに感謝します。

4

1 に答える 1

4

:nth-child(1)(CSS3) または:first-child(CSS 2) 疑似クラスを使用できます。この場合、たとえば次のようになります。

.masonry-brick:first-child {
    background-color: red;
    border: 2px solid black;
}

最初の要素には既に一意の ID があり、インライン スタイル要素からの独自の CSS ルールがあります。

#toppost {
    background-color: white;
    border-bottom: 1px solid green;
    width: auto;
}

編集: ただし、CSS2 疑似クラスは IE7 と IE8 でサポートされていますが、CSS3 疑似クラスはサポートされていないことに注意してください (ソース: caniuse.com )。仕事をするので:first-child、最大限の互換性のためにそれに固執するのが賢明かもしれません.

于 2013-02-11T18:20:02.827 に答える