0

作業中のホームページのスタイルを設定しようとしたときに問題が発生しました。これは私がやっていることの非常に単純なバージョンです。http://cdpn.io/kgLzD
私は wordpress を使用しており、「投稿」のクラスで 8 つの投稿を出力する div 内に the_loop があります。私が抱えている問題は、下の図のように各投稿をスタイリングすることです。それらは div であり、スタイルを設定する「投稿」を選択することを制御できないからです。リストを使用していた場合は、スタイルを設定するアイテムを選択できます。以下のスタイルを実現するためのヘルプ/ヒント/アドバイスをいただければ幸いです。

グリッド スタイル

ここに画像の説明を入力 これは私が現在いる場所であり、ご覧のとおり、基本的に必要なのは境界線だけです。これを達成するにはどうすればよいですか？

4

2 に答える 2

1

css nth-of-type() セレクターを使用できます。左側にフローティングしていて、div が 2 つあるため、nth-of-type(2n) を使用すると、右側の列のすべての div が選択されます: (こちらの codepen を参照) : http://cdpn.io/Iacvk )

section.home-grid {
   width:440px; 
}
.post {
  border-top:1px solid #777;
  width: 200px;
  float:left;
  padding: 10px;  
}
.post p {
  padding:.5em 1em;
  width:90%;
  margin:0 auto;
  text-align:justify;
}
.post:nth-of-type(2n) p {
  border-left:2px dotted #777;
}
于 2013-01-22T04:55:32.747 に答える
0

何を探しているのか完全にはわかりませんが、おそらく投稿で nth-child css セレクターを使用すると役立つでしょう。

http://css-tricks.com/how-nth-child-works/

于 2013-01-22T02:43:53.653 に答える