CSS Selector Priority

CSS

在套用的時候，是有優先順序的。

沒研究前我以為是程式碼先後或最靠近的element

<table id='table'>
 <tr>
  <td><table class='subtable'>...</table></td>
  <td><table class='subtable'>...</table></td>
  <td><table class='subtable'>...</table></td>
 </tr>
</table>

我在將上面的 HTML 套用 CSS

#table {
 XXX
}
.subtable {
 YYY
}

所有的 table 都照著 XXX 顯示，所以在設計時，要盡量避免 id selector 的使用當你的 element 還包含很多 elements 的時候。以下為 CSS Selector 的 Priority

參考資料 : http://qnimate.com/dive-into-css-specificity/Colum