製作者のCSSの中での優先順位

• 個別性の高いセレクターが優先
• 後から読み込んだCSSが優先
• ブラウザのCSS

個別性の高いセレクターが優先

• style属性（HTMLファイルのbody内）ひとつにつき=1000点
• id属性ひとつにつき=100点
• id以外の属性　擬似クラスひとつにつき=10点
• 要素、擬似要素1つにつき=1点

具体例

• {}=0点
• li {}=1点
• ul li {}=2点
• ul ol li.red {}=13点
• li red level {}=21点
• #x34y {}=100点
• style=""=1000点

後から読み込んだCSSが優先

div#fruit ul li{
color:blue;
}

div#fruit ul li{
color:red;
}

この場合、同じ点数なので後から読みこんだCSSが優先になる。なので文字の色はredになる

div#fruit ul li{
color:blue;
}

div#fruit ul {
color:red;
}

の場合は、文字の色はblueになる。