1 
<div class="archyvas-virselis">
    <a href="#"><img src="./img/virselis-archyvas.jpg" alt=""/></a>
    <a href="#"><img src="./img/virselis-archyvas.jpg" alt=""/></a>
    <a href="#"><img src="./img/virselis-archyvas.jpg" alt=""/></a>
    <a href="#"><img src="./img/virselis-archyvas.jpg" alt=""/></a>
    <a href="#"><img src="./img/virselis-archyvas.jpg" alt=""/></a>
    <a href="#"><img src="./img/virselis-archyvas.jpg" alt=""/></a>
    <a href="#"><img src="./img/virselis-archyvas.jpg" alt=""/></a>
    <a href="#"><img src="./img/virselis-archyvas.jpg" alt=""/></a>

</div>

たとえば、1行に4つの要素があり、行の4番目の要素が にmargin-rightなるようにしたい場合0、そのスタイルを書くことは可能ですか?

4

3 に答える 3

2 
  .archyvas-virselis a:nth-child(4n+4){ margin-right: 0}

4要素ごと

また

 .archyvas-virselis a:nth-child(4){ margin-right: 0 }

4要素だけ

ie9以降でのみ機能することに注意してください

于 2013-01-31T10:26:41.167 に答える
1

私は一緒に行きます

a:nth-child(4n+4){
    margin-right:0;
}

4番目を右マージンにしたいかもしれませんが、行に4つ以上の要素があるかもしれません(HTMLに従って)

これは css3 セレクターであり、古いブラウザー (IE) では機能しない可能性があります

于 2013-01-31T10:26:57.080 に答える
0

Jquery は、HTML を変更せずにそれを行う唯一の方法です。次のように達成できます。

    jQuery('.archyvas-virselis a:nth-child(4n)').addClass('fourth-item');

クラスの4番目のアイテムのスタイルを定義します

ただし、それができると仮定すると、主なオプションは、class="fourth-item"を指定してから実行することです。

a.fourth-item { /* ... */ }
于 2013-01-31T10:23:36.220 に答える