Question

.full-width-body-no-border-with-padding p, .full-width-body-no-border-with-padding a {
    font-size: 1.2em!important;

}

.full-width-body-no-border-with-padding p, .full-width-body-no-border-with-padding a  {
    color: #898989!important;
	padding-left: 0px!important;
}

<div class="full-width-body-no-border-with-padding xs-hidden">
			<p>Surrounding Text <a class="inline_link" >Wont Change Font Size.</a></p>
			<p>Surrounding Tex <a class="inline_link" >Wont Change Font Siz</a></p>
</div>

对，为什么我不能更改<a>的字体大小以使其与周围的文本保持一致？

我尝试过：更改CSS中的名称属性。我已经尝试过本文中的“父母子女”安排。我尝试给<a>链接提供自己的类。我检查了CSS是否还有其他地方为该类提供了!important后缀-没有。

我希望链接字体更改为与周围文本相同的大小。实际结果是<a>标签的CSS不会退缩。

Answer 1

只需删除您添加的css。如果您需要更改所有句子的字体大小，只需添加css，如下所示。

.full-width-body-no-border-with-padding{
  font-size: 20px !important;
}

Answer 2

如果您希望<p>和<a>的大小相同，则只需使用CSS规则

.full-width-body-no-border-with-padding {
    font-size: 1.2em;

}

.full-width-body-no-border-with-padding p .full-width-body-no-border-with-padding a  {
    color: #898989!important;
    padding-left: 0px!important;
}

<div class="full-width-body-no-border-with-padding xs-hidden">

            <p>Link Here <a class="inline_link"> Link Not Changing Font Size</a></p>
            <p>Link Here <a class="inline_link"> Link Not Changing Font Size.</a></p>
</div>

为什么我不能更改链接标签的字体大小，但可以在周围的文本上更改呢？

2 个答案: