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

css h1的两种颜色

css html

Treby · 技术社区 · 14 年前

我有这个CSS代码:

h1 {
    font-size:22px;
    color:#341C12;
    font-weight:normal;
    font-style:italic;
}
.h1color h1{
    color:#862E06;
}

这个HTML代码

<h1>News <span class="h1color">&amp; events</span></h1>

但它不起作用。我要做的是让第一个h1文本为彩色341c12,另一个文本为862e06,只使用一个h1标记。

2 回复 | 直到 14 年前

Nick Craver 14 年前

这是:

.h1color h1{

应该是:

h1 .h1color {

命令是 parent child ,如果你总是只有一个跨度,你也可以不去上课,然后做:

h1 span {

Gumbo 14 年前

这个 descendant selector .h1color h1 全选 h1 元素是具有类的元素的后代 h1颜色 . 但是你需要全班所有的元素 h1颜色 是一个 H1 元素。

所以只需更改选择器的顺序:

h1 .h1color {
    color: #862E06;
}

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前