CSS应用于默认菜单

我是SharePoint的新手，他们给了我一个站点，我希望它看起来一半，所以我去了W3Schools.com尝试一些基本代码。当我将其放入SharePoint网站的内容编辑器中时，它运行良好，并显示了我放置的标准。

问题是，它将其应用于所有菜单，甚至是默认的SharePoint菜单 - IE插入WebPart，所有编辑工具似乎都将CSS应用于它。

如何将代码限制为特定的WebPart？

<!DOCTYPE html>
<html>
<head>
  <style>
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #333;
    }
    
    li {
      float: left;
      border-right: 1px solid #bbb;
    }
    
    li:last-child {
      border-right: none;
    }
    
    li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
    li a:hover:not(.active) {
      background-color: #111;
    }
    
    .active {
      background-color: #4CAF50;
    }
  </style>
</head>
<body>
  <ul>
    <li><a class="active" href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li><a href="#contact">Contact</a></li>
    <li style="float:right"><a href="#about">About</a></li>
  </ul>
</body>
</html>

只是为了扩展 @obsidian时代所说的话，该样式需要引用ID之类的ID

li#myID {}

然后将其应用于具有ID" myid"

的LI标签

li id="myID">

相关内容

最新更新

热门标签：