CSS Classes and IDs

1、多重tag，设置位于3个div之间的h3的颜色为红色

div div div h3{
    color:red;
}

2、适用于所有的tag

* {
    border:1px dashed blue;
}

3、设置div的直接孩子的属性

div > p {

}

4、class的作用

class可以应用于所有的tag，这样所有的tag都将具有class定义的属性，下面的p和a都具有了相同的属性。

.fancy {
    font-family:cursive;
    color:#0000cd;
}

p class="fancy"

a class="fancy"

5、id的作用

id可以用于制定某个特定tag的属性，下面的p

#serious {
    font-family:Courier;
    color:#cc0000;
}

<p id="serious">ok</p>

<p id="selinux">ok</p>

5、伪类Preudo-class

/*某tag下面的child p，第一个p*/

p:first-child {
    font-family:cursive;
}

/*某tag下面的child p，第n个p*/

p:nth-child(n) {
    font-family:Tahoma;
}

/*设置a的伪类*/

a:link {
    color:#008b45;
    text-decoration:none;
}
a:hover {
    color:#00ff00;
}
a:visited {
    color:#ee9a00;
}