[分享]css中如何给i标签清除斜体

在 CSS 中， 标签通常会显示为斜体字体，但是有时候我们需要将其显示为普通字体。那么如何给 标签清除斜体呢？我们可以使用 CSS 的 fontstyle 属性来控制字体样式，fontstyle: ...

在 CSS 中，<i> 标签通常会显示为斜体字体，但是有时候我们需要将其显示为普通字体。那么如何给 <i> 标签清除斜体呢？

我们可以使用 CSS 的 font-style 属性来控制字体样式，font-style: normal; 可以将斜体变成普通字体。

i {
  font-style: normal;
} 

使用以上 CSS 代码，所有页面中的 <i> 标签都将不再显示为斜体字体。但是，这样设置可能会影响到你需要显示斜体的地方，因此最好不要全局设置。

解决方法是在需要清除斜体的 <i> 标签上添加一个 class，并对该 class 设置样式。

<i class="not-italic">这里的文字将不会是斜体</i>

.not-italic {
  font-style: normal;
} 

这样设置后，只有带有 not-italic class 的 <i> 标签才不会显示为斜体字体，其他的 <i> 标签不受影响。