为什么字体样式不能用于删除“斜体”样式？

Question

这是我的网站：http://www.iliveaccountable.com/

我试图在导航栏的第一个元素上删除斜体字体样式并将其更改为font-style: normal;，但它似乎无法正常工作。

这是我的CSS：

li#menu-item-15113 {
   text-transform: none;
   font-family: Caviar Dreams;
   font-style: normal !important;
}

#menu-item-15113 a {
   text-transform: none !important;
   font-family: Caviar Dreams !important;
   font-style: normal !important;
}

我想知道在第一个菜单链接上删除斜体样式应该怎么做？任何的想法？如果需要，您可以在我的网站上检查元素。

Answer 1

我通过CSS验证器（check the results）运行了您的网页，看起来您在那里遇到了几个问题。其中一些你应该忽略，因为验证器不理解像gardients这样的东西。

然而，似乎存在一些简单且非常关键的问题，例如缺少}闭包等等。

这可能只是你的font-style: normal无法正常工作的原因，即使!important让我不知道代码中是否只有一些解析错误。当代码中断时，如果它完全没有正常工作，它将无法正常工作。

我希望这有帮助！

Answer 2

尝试添加以下CSS规则：

header-v4 #navigation > ul > li:first-child a { 
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;    
   font-style: normal !important;
} 

Answer 3

Cruch变种：使用 //为你的字体更改deg num

#menu-item-15113 a {
transform: skewY(10deg) rotate(-10deg);
}