0

我在尝试为我正在处理的主页设置样式时遇到了问题。这是我正在做的非常简单的版本。http://cdpn.io/kgLzD
我正在使用 wordpress 并在一个 div 中有 the_loop，它输出 8 个带有“post”类的帖子。我遇到的问题是每个帖子的样式如下图所示，因为它们是 div 并且无法控制选择要设置哪个“帖子”的样式？如果我使用的是列表，那么我可以选择要设置样式的项目。对于实现以下样式的任何帮助/提示/建议将不胜感激。

网格样式

在此处输入图像描述 这就是我目前所在的位置，正如您所看到的，我基本上需要的只是边界。您将如何实现这一目标？

4

2 回答 2

1

您可以使用 css nth-of-type() 选择器 - 因为您是向左浮动并且 div 的两个向上，所以使用 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 回答