3

1秒おきのdivにmargin-right=0, border-right=0.... cssでやってみたけどダメだった

Albums を外側の div にラップしてrptAlbums-wrapperから、個々のアルバムのイメージとタイトルを別の div にラップしていますuc-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

行のコロンの前のスペースを削除するだけです.rptAlbums-wrapper .uc-album-wrapper :nth-child(2n+1)(js フィドルの例の 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 に答える