3

我希望每一秒 div 都有margin-right=0, border-right=0.... 我尝试使用 css 但没有用

我将 Albums 包装在外部 div 中rptAlbums-wrapper，然后将单个专辑图像和标题包装在另一个 divuc-album-wrapper中。

我试过.rptAlbums-wrapper .uc-album-wrapper :nth-child(2n+1)了，但这不起作用

我还设置了小提琴示例

<div class="rptAlbums-wrapper">
    <div class="uc-album-wrapper">
        <div class="uc-album-icon">
            <img alt="Album One" src="../../../../images/gallery/b9415c69-98c8-417a-960f-2adf2148c83f.jpg" class="uc-album-img" title="Album One" id="ContentPlaceHolder1_ucPhotoGallery_rptAlbums_imgAlbumIcon_0">
        </div>
        <div class="uc-album-name"><span id="ContentPlaceHolder1_ucPhotoGallery_rptAlbums_lblAlbumName_0">Album One</span>
        </div>
    </div>
    <div class="uc-album-wrapper">
        <div class="uc-album-icon">
            <img alt="Album Two" src="../../../../images/gallery/fb1facf3-579e-4e5d-9ed8-b7f231d50f88.jpg" class="uc-album-img" title="Album Two" id="ContentPlaceHolder1_ucPhotoGallery_rptAlbums_imgAlbumIcon_1">
        </div>
        <div class="uc-album-name"><span id="ContentPlaceHolder1_ucPhotoGallery_rptAlbums_lblAlbumName_1">Album Two</span>
        </div>
    </div>
</div>

更新演示它应该如何来

在此处输入图像描述

4

4 回答 4

1

你快到了。您需要:nth-child()在元素本身上使用选择器。

.rptAlbums-wrapper .uc-album-wrapper:nth-child(2n) {
    background-color:Red;
    border-right:0px solid #ccc;
    margin-right:0px;
}

jsFiddle 演示

于 2013-09-10T13:18:17.670 回答
0

伪类，看看它们：

http://www.w3schools.com/css/css_pseudo_classes.asp

.mydiv:nth-child(2) { margin-right: 5px; }
于 2013-09-10T13:15:02.737 回答
0

您只需要删除该行中冒号之前的空格.rptAlbums-wrapper .uc-album-wrapper :nth-child(2n+1)（您的 js fiddle 示例中的 css 的第 15 行）。

于 2013-09-10T13:18:29.020 回答
0

为了我自己的清楚，我刚刚清理了你的 HTML，删除了空间，.rptAlbums-wrapper .uc-album-wrapper :nth-child(2n+1)它现在正在工作......

http://jsfiddle.net/mahish/ZyjwF/10/

于 2013-09-10T13:43:06.217 回答