Fatal编程技术网
  • html/
  • Html 基于div类更改css中的h1颜色，其中包含空格

Html 基于div类更改css中的h1颜色，其中包含空格

html css wordpress

Html 基于div类更改css中的h1颜色，其中包含空格,html,css,wordpress,Html,Css,Wordpress,我目前正试图通过引用div的类来更改标题的颜色 到目前为止，我已经尝试： .pagetitle-title.heading{ 颜色：紫色； } 它是一种方法 检查CSS的链接“样式表” 打开调试控制台并识别h2以查看CSS选项是否是目标 尝试另一个六色代码 在颜色代码后添加“！重要信息” 颜色：紫色！重要的 我看到你的代码，这是正确的方法来修改这个颜色，所以。。。先试试我的清单，给我们你的反馈 检查CSS的链接“样式表” 打开调试控制台并识别h2以查看CSS选项是否是目标 尝试另一个六色代

我目前正试图通过引用div的类来更改标题的颜色

到目前为止，我已经尝试：

.pagetitle-title.heading{
颜色：紫色；
}

它是一种方法
  • 检查CSS的链接“样式表”
  • 打开调试控制台并识别h2以查看CSS选项是否是目标
  • 尝试另一个六色代码
  • 在颜色代码后添加“！重要信息”

    颜色：紫色！重要的

    • 我看到你的代码，这是正确的方法来修改这个颜色，所以。。。先试试我的清单，给我们你的反馈

  • 检查CSS的链接“样式表”
  • 打开调试控制台并识别h2以查看CSS选项是否是目标
  • 尝试另一个六色代码
  • 在颜色代码后添加“！重要信息”

    颜色：紫色！重要的

    • 我看到你的代码，这是正确的方法来修改这个颜色，所以。。。先试试我的清单，给我们你的反馈。

    根据我的评论，这看起来像是“CSS覆盖”的经典案例。避免这种情况的“黑客”之一是使用CSS属性
    ！重要信息
    告诉浏览器哪个CSS规则特别重要，不应被覆盖

    示例：
    颜色：紫色！重要的
    
CSS以加载样式的方式应用样式。因此，如果您有一个带有x规则的CSS文件和一个带有y规则的CSS文件，并且它们都以相同的元素为目标，那么最后加载的CSS文件通常会覆盖之前加载的CSS文件的样式
    
该顺序称为自上而下规则，仅被
    覆盖！重要信息
    属性和内嵌CSS。
    ！重要信息
    属性通常会覆盖任何内嵌CSS
    
给定关于自上而下规则的信息，并且您可以编辑CSS和/或选择CSS加载顺序，您可以通过将CSS规则作为项目中最后包含的文件加载来确保能够应用您自己的CSS规则
    
例如：
    

    <head>
<link rel="stylesheet" type="text/css" href="loadedfirst.css">
<link rel="stylesheet" type="text/css" href="loadedsecond.css">'
<link rel="stylesheet" type="text/css" href="loadedlast.css">
</head>

    

    
'

    

    如果这3个文件具有适用于相同元素的规则，则loadedlast.css文件是将覆盖先前元素的css，但
    的情况除外！重要信息
    属性和内嵌CSS。通过管理CSS的顺序，您可以避免使用
    之类的“黑客”！重要的
    属性。
    根据我的评论，它看起来像是“CSS覆盖”的经典案例。避免这种情况的“黑客”之一是使用CSS属性
    ！重要信息
    告诉浏览器哪个CSS规则特别重要，不应被覆盖
    
示例：
    颜色：紫色！重要的
    
CSS以加载样式的方式应用样式。因此，如果您有一个带有x规则的CSS文件和一个带有y规则的CSS文件，并且它们都以相同的元素为目标，那么最后加载的CSS文件通常会覆盖之前加载的CSS文件的样式
    
该顺序称为自上而下规则，仅被
    覆盖！重要信息
    属性和内嵌CSS。
    ！重要信息
    属性通常会覆盖任何内嵌CSS
    
给定关于自上而下规则的信息，并且您可以编辑CSS和/或选择CSS加载顺序，您可以通过将CSS规则作为项目中最后包含的文件加载来确保能够应用您自己的CSS规则
    
例如：
    

    <head>
<link rel="stylesheet" type="text/css" href="loadedfirst.css">
<link rel="stylesheet" type="text/css" href="loadedsecond.css">'
<link rel="stylesheet" type="text/css" href="loadedlast.css">
</head>

    

    
'

    

    如果这3个文件具有适用于相同元素的规则，则loadedlast.css文件是将覆盖先前元素的css，但
    的情况除外！重要信息
    属性和内嵌CSS。通过管理CSS的顺序，您可以避免使用
    之类的“黑客”！重要属性。
    我会尽量避免添加重要属性。我只会走到家长的更高一层，尽可能具体地针对部门。相反，我会去
    

    .container h1.pagetitle-title.heading {
    color: purple;
}

    

    如果这不起作用，那么我会使用important。
    我会尽量避免添加important。我只会走到家长的更高一层，尽可能具体地针对部门。相反，我会去
    

    .container h1.pagetitle-title.heading {
    color: purple;
}

    

    如果这不起作用，那么我将使用重要的。
    这两个选项中的任何一个都应该起作用。什么不起作用？按照您编写的方式，如果没有其他代码，应该可以。此外，在标题中您说“基于div类”，但您正在设计h1标记类的样式。看起来像是CSS覆盖的经典案例。您可能在其他地方有CSS覆盖您试图应用的CSS。尝试添加
    ！重要信息
    在CSS规则的末尾。即
    颜色：紫色！重要的
    。谢谢@martin为我工作，（Mihai你可能是对的）你必须学会使用开发工具，否则任何CSS问题都会让你发疯，你会开始应用可怕的解决方案，比如使用
    ！重要信息
    （您应该不惜一切代价避免）。这两种方法中的任何一种都应该有效。什么不起作用？按照您编写的方式，如果没有其他代码，应该可以。此外，在标题中您说“基于div类”，但您正在设计h1标记类的样式。看起来像是CSS覆盖的经典案例。您可能在其他地方有CSS覆盖您试图应用的CSS。尝试添加
    ！重要信息
    在CSS规则的末尾。即
    颜色：紫色！重要的
    。谢谢@martin为我工作，（Mihai你可能是对的）你必须学会使用开发工具，否则任何CSS问题都会让你发疯，你会开始应用可怕的解决方案，比如使用
    ！重要的
    （你应该不惜一切代价避免）。你似乎只是在掩饰整个特殊性排名。它们所起的作用比样式表的顺序要重要得多谢谢你@Pete你在