同じHTML要素をたくさん並べると，画面から外れてしまうので，表示するのは何個まで！と制限したくなりませんか．そんな時，CSSたった1行で済みます．

<refine>
    <element></element>
    <element></element>
    <element></element>
    <element></element>
    <element></element>
    <element></element>
    <element></element>
    <element></element>
    <element></element>
    <element></element>
</refine>

　この<element>を3個に絞るには，

element:nth-child(n+4) {
    display: none;
}

　と書けばよいのでした．4個目以降が非表示になります．