CSS改了不生效？是选择器优先级的问题，新手搞懂这个就够

很多新手写CSS，改完样式前台没变化，以为缓存问题，其实是CSS选择器写重复了，后面的覆盖前面的，今天说一下CSS选择器优先级的基础规则。

基础优先级

ID选择器优先级最高，比如#header，然后是class选择器，比如.box，然后是标签选择器，比如div。优先级高的样式会覆盖优先级低的。

为什么改了不生效

你写的样式优先级太低，被别的高优先级的样式覆盖了，比如你想改字体大小，写了body {font-size:14px}，但是页面里有个div.box {font-size:16px}，你的样式就不生效。

怎么快速解决

用Chrome开发者工具，点一下你要改的元素，右侧看哪个CSS规则在生效，哪个是被划掉的，直接改那个生效的规则，别自己瞎写选择器，写完就覆盖不上。

CSS不是写了就生效，是看优先级，新手搞不清优先级就用开发者工具看，比自己猜快10倍。