如何删除导航栏中单词上的斜体

Question

在网站的所有其他页面上，导航栏处于正常字体中，但由于某种原因，主页nav bar上的字体为斜体。我完全忘记了如何制作它，因此它没有斜体或在哪里搜索它可以更改它，请帮助

http://surbaisse.com/index.html

#tabsJ {
  float:left;
  width:100%;
  background:#F4F4F4;
  font-size:93%;
  line-height:normal;
      border-bottom:1px solid #24618E;
  }
#tabsJ ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
    text-align: center;
  }
#tabsJ li {
  display:inline-block;
  margin:0;
  padding:0;
  }
#tabsJ li a:hover {
  background color: #111
  }
#tabsJ a {
  float:left;
  background:url(file:///C|/Users/xw4600/Documents/Bugatti Dave/tableftJ.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  }
#tabsJ a span {
  float:left;
  display:block;
  background:url(file:///C|/Users/xw4600/Documents/Bugatti Dave/tabrightJ.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#24618E;
  }
/* Commented Backslash Hack hides rule from IE5-Mac */
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
  color:#FFF;
  }
#tabsJ a:hover {
  background-position:0% -42px;
  }
#tabsJ a:hover span {
  background-position:100% -42px;
  }
    #tabsJ #current a {
            background-position:0% -42px;
    }
    #tabsJ #current a span {
            background-position:100% -42px;
            color:#FFF;
    }

Answer 1

查看您的网站后，文本之所以呈斜体，是因为您将其放在<em>标签中。正如您在W3Schools上看到的那样，<em>在强调其打开标签和关闭标签之间制作了任何字符串，使其显示为斜体。

从#Layer3下卸下3个em块。

另外，请不要以错误的方式采用这种方式，但是您的HTML结构太可怕了。请考虑重建网站的结构，以便将来更容易维护。

例如，em是一个内联元素，而div是块类型元素。应该避免将块元素放入内联元素，虽然并非不可能。它使建筑物可维护的结构变得更加严重，并且只会导致头痛，眼泪和发誓。

Answer 2

您正在使用<em>，它使您的文本斜体。您的标记结构不好。

在#TABSJ font-style: normal;