Download Source Code Aplikasi

Class Selector Css

Thursday, February 13th, 2020 - Artikel CSS

Di HTML, nilai atribut CLASS merupakan pengenal yang boleh dimiliki oleh lebih dari satu elemen. Tidak ibarat nilai atribut ID, satu halaman dokumen yang ada tidak diperbolehkan mempunyai dua nilai yang sama.

Di CSS, menurut itu, memungkinkan anda memperlihatkan hukum CSS memakai Class selector.

Penulisan Class selector:

  • Awali dengan titik (.), kemudian nama class-nya.

    Contoh instruksi di bawah akan memperlihatkan imbas hukum CSS kepada semua elemen ber-CLASS ‘myClass’:

    .myClass { /*di sini kode-kode css*/ }
  • Awali dengan nama elemen, kemudian titik (.), kemudian nama class-nya.

    Contoh instruksi di bawah akan memperlihatkan imbas hukum CSS kepada semua elemen P ber-CLASS ‘myClass’:

    P.myClass { /*di sini kode-kode css*/ }

Kedua bentuk penulisan di atas sama saja, tetapi bentuk kedua lebih spesifik.

Contoh instruksi di bawah akan memperlihatkan dampaknya kepada semua elemen P ber-CLASS ‘lorem’:

P.lorem { color: red; text-align: center; }

Dan banyaknya elemen P ber-CLASS ‘lorem’ itu mungkin ibarat berikut:

<P CLASS="lorem">Lorem ipsum….1</P> <P CLASS="lorem">Lorem ipsum….2</P> <P CLASS="lorem">Lorem ipsum….3</P>

Contoh instruksi di bawah akan memperlihatkan dampaknya kepada semua elemen ber-CLASS ‘lorem’:

.lorem { color: red; font-weight: bold; }

Dan banyaknya elemen ber-CLASS ‘lorem’ itu mungkin ibarat berikut:

<P>Lorem <SPAN CLASS="lorem">ipsum</SPAN>….1</P> <P>Lorem <U CLASS="lorem">ipsum</U>….2</P> <P>Lorem <S CLASS="lorem">ipsum</S>….3</P>

Silahkan lihat juga Id Selector CSS.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Class Selector Css | Ahmad Code | 4.5