目录:
< 返回

问题:

我没有在配套项目文件的基础上修改代码,而是自己撰写的样式,但是代码中,导语的段落正文和普通正文字体颜色的代码是不同的,但是经过渲染正文颜色和导语颜色是一样的,都成了正文那种颜色,一下是代码的截图和链接,请帮忙看一下问题是在什么地方呢?


https://codepen.io/liuhuating129/pen/wpKdxQ

回答:


这个问题存在于以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
blockquote p {
font-family: Avenir, "PingFangSC-Light" !important;
color: #777777 !important
}
 
 
p {
font-family:Avenir, PingFangSC-Light !important;
font-size:15px !important;
color:#232B2D !important;
line-height:1.8em !important;
padding:1em !important;
margin:1em !important;
text-align:justify !important
}

因为代码没有按照配套文件撰写,而CSS有严格的等级结构,你开始的代码定义了引用文本里的P的颜色是#777777,后面又定义了P的颜色是#232B2D,因为color:#232B2D !important; 在后,所以引用文本的样式被替换了,如果你希望引用文本有自定义样式,可以把 “blockquote p”的相关样式代码往后调。