CSS选择器

前言

CSS选择器可指定你要对那些元素设定CSS属性。

基本选择器

Class 选择器

使用「.」代表选择CLASS
例如要使用class="box1"：

.box1
{
    width:200px;
    height:200px;
}

Id 选择器

使用「#」代表选择ID
例如要使用id="box2"

#box2
{
    background-color:pink;
}

通用选择器(universal selector)

所有的元素都会套用通用选择器的属性，但权重最低所以很容易被轻易取代掉~

*{
    color:black;
}

复合选择器

相邻兄弟选择器 (selector1 + selector2)

此选择器只会选择紧邻 selector1 後的 selector2 做改变

div + a {
    color:pink;
}