覆盖内联CSS标记

Question

迁移现有内容管理系统后，我对现有类有一些问题 - 有时Richtext Editor会创建以下HTML代码：

<span style="font-weight: bold; "><a href=""....>

现在，链接不是粗体，但我不知道在具有自定义内联样式属性时是否可以覆盖CSS中的任何规则。

是否有机会（不更改HTML代码）将链接设为粗体文字？

提前感谢您的帮助。

感谢您的第一条评论 - 但是为了确保我只想在生病时拥有这个“特殊”内联属性时添加“粗体”标签。所以我不想用粗体文本覆盖所有类。

当我有

时

 <span><a style="font-weight: bold;">....</a>

Everthing很好，Link很粗体

但是当我有

时

 <span style="font-weight: bold;"><a href="">....</a>

链接不是粗体（但应该是粗体）。

这是Richtext Editor中的一些愚蠢的代码。

Answer 1

原件：

使用!important：

＆＃13;

＆＃13;

span {
  font-weight: normal !important;
}

＆＃13;

<span style="font-weight: bold; ">
  <a href=""....>
    link
  </a>
</span>

＆＃13;

＆＃13;

＆＃13;

---

编辑：

这意味着在CSS中，有一个地方：

span {
  font-weight: normal !important;
}

您需要通过选择比当前css中的声明更具有特异性的span来覆盖它，例如：

＆＃13;

＆＃13;

/* somewhere in the css you can't modify */
span {
	font-weight: normal !important;
}


/* the css you add */
.container span {
	font-weight: bold !important;
}

＆＃13;

<div class="container">
	<span style="font-weight: bold; ">
		<a href=""....>
			link
		</a>
	</span>
</div>

＆＃13;

＆＃13;

＆＃13;

这是因为类， ids ，属性等都有一个分数，加起来看看将使用哪个声明。< / p>

  

从0开始，为style属性添加1000，为每个ID添加100，为每个属性，类或伪类添加10，为每个元素名称或伪元素添加1。

     

- smashingmagazine.com

这是一张备忘单：