Question

在网站的所有其他页面上，导航栏采用普通字体，但由于某种原因，主页导航栏上的字体为斜体。我已经完全忘记了如何制作它所以它没有斜体或在哪里搜索改变它所以请帮助

#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>它会使您的文本显示为斜体。您的标记结构不佳。

在#tabsJ font-style: normal;

上添加你的css

Answer 2

在审核您的网站后，文字以斜体显示的原因是您将其放在<em>标记中。正如您在w3schools上看到的那样，<em>会强调它的开始和结束标记之间的任何字符串，使它们显示为斜体。

从em下删除3个#Layer3块。

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

例如，em是inline类型元素，而div是块类型元素。应该避免将块元素放入内联元素中，尽管不是不可能的。它使得构建可维护的结构和更聪明的CSS更难，并且将来只会导致头痛，眼泪和咒骂。

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

2 个答案: