Selector priority « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. Selector priority
1.Selectors choose the element to apply formatting to
2.Six selector groups listed from highest to lowest priority:
3.Specificity means that more specific selectors are given priority over less specific selectors
4.Style is overwritable
5.Cascade Order
6.select elements by type, class, and/or ID
7.Specificity, !important
8.!important has higher priority
9.Latter one overwrite the former one




10.the id selector is more specific than the element selector
11.Some properties in CSS are inherited to children elements