cssのスタイリング優先順位

cssスタイリングの優先順に書いていきます。
HTMLファイルに直書き「１番優先される」

style="color:#333"

idセレクタ「2番目に優先される」

#hogehoge

classセレクタ「3番目に優先される」

.hogehogehoge

擬似クラス「4番目に優先される」

[type="text"]

擬似要素「5番目に優先される」

:first-child

タイプセレクタ「6番目に優先される」

p

全称セレクタ「7番目に優先される」

*

参考サイト