target example 1

:target擬似クラスに未対応なIE等では動作しません。

このサンプルについての解説は、実践Web Standards Designのススメ:第6回 CSS3のセレクタを使用してみよう|gihyo.jp … 技術評論社でご覧になれます。

目次

1つめのセクション

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam in eros fringilla leo malesuada posuere. Morbi et ipsum. Nulla facilisi. Suspendisse porttitor vulputate turpis. Morbi fringilla. Vivamus iaculis viverra tortor. In non neque nec nibh volutpat malesuada. Nunc justo lacus, hendrerit sed, consequat vel, convallis ut, ante. Vestibulum mauris leo, placerat quis, consectetuer vitae, consectetuer a, felis. Fusce scelerisque dignissim arcu. Nullam vulputate accumsan lacus. Maecenas a lorem sit amet odio elementum iaculis.

2つめのセクション

Cras vel erat. Cras tincidunt mollis ligula. In lacus velit, pulvinar a, tincidunt vel, porta tempus, turpis. Sed molestie dolor semper enim. Nullam malesuada adipiscing diam. Morbi eu metus. Curabitur posuere sem sit amet massa. Praesent tristique, mi nec tristique auctor, turpis turpis fringilla nulla, sed mattis nisl augue vitae diam. Ut ullamcorper. Vivamus in eros. Suspendisse sed ipsum. Nullam et leo. Praesent ut augue. In ultrices nunc quis ipsum.

3つめのセクション

Vivamus sodales, leo in gravida consectetuer, nunc neque ultrices mi, pharetra venenatis tortor est sit amet orci. Sed quis augue sit amet nisi eleifend iaculis. Suspendisse dictum condimentum nisl. Quisque in mi. Aenean vel diam. Pellentesque ac mi at felis varius iaculis. Proin ultrices, mi volutpat eleifend viverra, mauris erat molestie lectus, ac pretium turpis ligula id urna. Pellentesque volutpat metus id neque. Nulla facilisi. Quisque convallis turpis id turpis. Praesent tristique arcu a justo. Aenean tempus. Donec quis magna id urna ullamcorper auctor.