样式主页网格

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

Grid styles

enter image description here 这是我目前正如你可以看到所有我基本上需要的是边界。你会如何去实现这一目标？

来源

2013-01-22 Juan Rangel

你可以使用CSS第n-的类型（）选择 - 因为你是浮动的左边，有div的双放，使用第n-的类型（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-22 04:55:32 gscharles

谢谢两位！这正是我需要的。我听说过这个选择器，但从未使用它。感谢您的帮助！ –

绝对！乐意效劳。 – gscharles

不完全确定你在找什么，但也许在帖子上使用n-child css选择器将有所帮助。

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

来源

2013-01-22 02:43:53

样式主页网格

回答

相关问题