Structural Pseudo Class di CSS berjalan pada style yang ada pada struktur dokumen. Berbeda dengan dynamic pseudo class, structural pseudo class tidak diterapkan dengan action tertentu misalnya mouse over. Structural pseudo class dipakai dalam struktur dokument CSS.
Structural Pseudo Class antara lain:
- :root
Pseudo class :root menunjuk kepada root suatu dokumen. Di dalam HTML dan XHTML root element adalah <html> - :first-child
Pseudo :first-child menunjuk kepada child yang pertama. Contohnya adalah paragraf pertama suatu div yang bisa ditulis:
div > p:first-child - :last-child
Pseudo :last-child menunjuk kepada child yang terakhir. Contohnya adalah paragraf terakhir suatu div yang bisa ditulis:
div > p:last-child - :empty
Pseudo :empty menunjuk kepada elemen yang tidak memiliki anak elemen, text atau isi termasuk spasi - :not
Pseudo :not menunjuk kepada negasi misal a:not([href]) - :target
Pseudo :target menunjuk suatu target dari link yang kita klik saat itu.
Kunjungi www.proweb.co.id untuk menambah wawasan anda.
Structural Pseudo Class di CSS