CSS : Grouping dalam CSS

Published · Updated

Grouping Selector atau pengelompokan selector bertujuan untuk memberikan properti yang sama pada beberapa selector.Misalnya kita ingin memberikan properti yang sama pada tag h1, about it h2, viagra sale p seperti berikut :

h1 {color:green;}
h2 {color:green;}
p {color:green;}
Maka ketiga selector tersebut dapat kita gabung penulisannya dengan cara memberi tanda koma (,) yang memisahkan antara selector yang satu dengan lainnya, sehingga menjadi :

h1,h2,p {color:green;}

Syntax penulisan :

Selector-1, Selector-2, Selector-n {
properti-1 : nilai;
properti-2 : nilai;
properti-3 : nilai;
}

Contoh lain:

h1,h2,h3 {
color:red;
font-family:Arial;
font-size:150%;
}

Penggunaan dalam dokumen HTML

<h1>Judul 1</h1>
<h2>Judul 2</h2>
<h3>paragraf </p>
h1,h2,h3 Semua mempunyai tampilan yang sama…..

 

You may also like...