HTML中元素改变字体颜色的不同方法设置

<p style="color:red">Hello World!</p>

属性

<style>
   p{color:red;}
</style>

<p>Hello World!</p>

CSS类选择器方式：

<style>
   .red-text{color:red;}
</style>

<p class="red-text">Hello World</p>

ID选择器：

<style>
#red-text{
color:red;
}
</style>
<p id="red-text">Hello World</p>

 

以上几种方式都可以达到使<p>内文字变为红色效果。

如果出现冲突，优先级别顺序为：style>id>class