CSS Specificity

當css選擇器出現衝突時,css將會計算選擇器的數值來排列優先次序。

以下是計算數值的方式:
html=1,class=10,id=100

p的特性是1（一個html選擇器）
div p的特性是2（兩個html選擇器）
.tree的特性是10（1個class選擇器）
div p.tree的特性是1 1 10=12，（兩個html選擇器，一個class選擇器）
#baobab的特性是100（1個ID選擇器）
body #content .alternative p的特性是112（兩個html選擇器，一個ID選擇器，一個類選擇器）