无法在CSS编码中更改文本颜色

时间:2018-07-15 08:01:21

标签: css

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

我正在做我的教学视频所做的一切。 为什么它不更改代码中的段落颜色? 不仅是段落,而且标题如此……当我运行代码时,整个页面都是由Black编写的! 我正在使用Aptana Studio。 可能是什么问题? 我是初学者:/

4 个答案:

答案 0 :(得分:1)

您是否将这样的代码放在<style></style>之间?

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

您的段落格式是否正确?

<p>Your Text!</p>

如果仍然无法运行,请尝试以下操作:

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

<p>Your Text!</p>

答案 1 :(得分:0)

尝试为您的段落添加一些唯一的ID /类,并按ID设置样式。

答案 2 :(得分:0)

您的代码工作完美:

p   {
       color:red;
   }
<p>Try me</p>

唯一的原因是您的CSS被其他定义覆盖

要解决,这是因为您可以使用!important,但要仔细,请在此处学习:https://css-tricks.com/when-using-important-is-the-right-choice/

您可以将此css放在所有样式之前,并在F12中查看它是否已被覆盖以及在何处显示它!

此处查看如何在CSS中覆盖定义(F12)

enter image description here

答案 3 :(得分:-2)

      Actually style for <p> is may be already define
    so look this example 

    you will get hole idea 
    how to get highest priority in css 
    add **!important** in front of tag 

it will get highest priority

    
    p{
color: yellow !important;
}
    
   
    
  <!DOCTYPE html>
    <html>
    <head>
   
    </head>
    <body>
    
  
    
    <p>This is an  paragraph..</p>
    
   
    
    </body>
    </html>

这应该有效。