/* Universal Selector */
* {font-family: Arial;}
/* typr selector */
h1 {background-color: goldenrod;}
h2 {background-color:greenyellow;}
b {Color: blue}
/* Class selecrot */
li.a {color: darkgoldenrod}
/* Id selector */
#b_2A {font-size: 20px;}
/* Child selector *//* b anak dari p */
p>b {background-color: yellow;}
li>b {background-color: brown;}
/* descendant seelctor */
/* semua b dlm p dijadikan merah */
p b{color:red}
/* adjacent siblong selector*/
/* h2 Setelah p */
p+h2{color:deeppink}
/* general sibling  */
/* ada setelah h2, bukan nempel h2 */
h2~p

--------------------
p{background-color: aqua;}
h2+p{background-color: white;}

/* Aturan Terakhir */
i {color:red}
i {color:green}
/* specific */
p{color: black !important}
/* Studi kasus */
p#Pendahuluan{font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}

.intro {border: 1px solid red;
background-color: grey; padding:inherit;}
body {padding:10px}

/* Color */
/* Foreground color */
/* Color name */
p.pertama {color: red; background-color: blue}
/* hex code */
p.kedua {color: #c22961}
/* rgb value */
p.ketiga {color:rgb(184, 146, 23)}