h1本来就是标题文字，为什么要加P标签呢？下面这样写是没效果的！！

    
我的颜色是红色

为什么呢？如果你找一个可以检查代码的浏览器就可以明显的看到，浏览器解析成了下面这个样子！！！这就是问题所在！！

    

我的颜色是红色

直接用span可以用以下方式，或者把span去掉，直接加在h1上：

html>




h1{
	font-size:14px;/*定义文字大小*/
	font-weight:normal;/*取消文字加粗*/
	line-height:25px;/*定义文字高度（行间距）*/
}
.text1 span h1{
	color:#E30046;/*定义文字颜色*/
}
.text2 span h1{
	color:#00BF27;/*定义文字颜色*/
}






    
        
我的颜色是红色

    


    
        
我的颜色是绿色

    


    
        
我的颜色是红色

    

直接定义h1:

html>




h1{
	font-size:14px;/*定义文字大小*/
	font-weight:normal;/*取消文字加粗*/
	line-height:25px;/*定义文字高度（行间距）*/
}
.text1{
	color:#E30046;/*定义文字颜色*/
}
.text2{
	color:#00BF27;/*定义文字颜色*/
}





        我的颜色是红色
        我的颜色是绿色
        我的颜色是红色