css样式不被覆盖

对前端开发不熟悉，最近需要做个小网站，于是便从网上下载了简单的模板，使用过程中出现自己定义的css样式老是会被模板的css文件覆盖，为了处理这个问题，特地去看了一遍css基础（挑重点的看），这涉及到很多问题，最主要的是css的优先级问题，自己定义的样式优先级低就会被覆盖，导致效果出不来。 解决方法：（1）可以使用css的id选择器，为一个标签单独写一个样式，这个样式只能被使用一次

#red {color:red;}
#green {color:green;}

使用的时候，

<p id="red"></p>
<p id="green"></p>

但是这样做能保证样式唯一，还是会全局继承其他的样式，也就是说依旧会受其他的影响，要想完全不受干扰可以使用!important （2）例如：

.code
	{
	 font-family:Arial !important;
	 font-style:italic !important;
	 color:#0F3 !important;
	 font-size:25px !important ;
        }

那么这个类的所有样式完全独立，不受其他样式影响

这里还遇到一个小问题，前端出身的可能不会犯这样的错误，css样式的注释必须用的是：

/**/

<!--> 和 // 都是无效的

转载于:https://my.oschina.net/spotless/blog/750710