代码之家  ›  专栏  ›  技术社区  ›  Vecta

CSS标题样式问题

  •  2
  • Vecta  · 技术社区  · 14 年前

    我有一个网页,其中所有标题都必须是蓝色,因此我将此添加到我的样式表中:

    h1, h2, h3, h4, h5, h6 {
    color: blue;
    }
    

    但是,在同一页上会有5个不同的div,其中标题颜色需要不同,因此我尝试了以下方法:

    #divname h1, h2, h3, h4, h5, h6 {
    color: green;
    }
    

    然而,它使页面上的所有标题变为绿色,而不仅仅是div中的标题。也许我的CSS功能还有些生疏,但我在这里做错了什么。我正在编辑的网站是相当老的,有一些古老的CSS应用到它,它可能只是与旧的CSS冲突吗?

    3 回复  |  直到 14 年前
        1
  •  7
  •   bradlis7    14 年前

    逗号将开始一个全新的标记名,因此必须执行以下操作:

    #divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
      color: green;
    }
    
        2
  •  5
  •   KatieK    14 年前

    如果看不到CSS的其余部分,很难确定,但这是一个问题:

    #divname h1, h2, h3, h4, h5, h6 {
    color: green;
    }
    

    更改为:

    #divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
    color: green;
    }
    

    逗号中的每一位都单独计算。在第一个版本中,您选择了#divname中的所有h1、所有h2s、所有h3和所有h4等等。

        3
  •  1
  •   Gert Grenander Keiron Lowe    14 年前

    尝试

    #divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
      color: green;
    }