Html 为什么可以';控制';列表';

Html 为什么可以';控制';列表';,html,css,element,Html,Css,Element,所以,我按照我喜欢的方式整理了导航栏。。。然而现在我已经开始在它下面寻找我想要的东西。除非我不能对“列表”元素进行“控制”。。。我做错了什么 <!DOCTYPE html> <html> <head> <title>St George's League - Home</title> <link rel="stylesheet" href="stylesheet.css"> <link rel="shortcut ic

所以,我按照我喜欢的方式整理了导航栏。。。然而现在我已经开始在它下面寻找我想要的东西。除非我不能对“列表”元素进行“控制”。。。我做错了什么

<!DOCTYPE html>

<html>
<head>
<title>St George's League - Home</title>
<link rel="stylesheet" href="stylesheet.css">
<link rel="shortcut icon" href="images/favicon.ico">
</head>
<body>
    <Div class="container">
    <ul>
    <div class="nav">
        <li><img src="images/sgl-logo.jpg" height="145px" alt="SGLLogo" /></li>

    <div class="navbar">
        <li class="contact"><a href="contact.html">CONTACT</a></li>
        <li class="about"><a href="about.html">ABOUT</a>
        <strong><li class="leagues"><a href="leagues.html">LEAGUES</a></li></strong>
        <li class="home"><a href="index.html">HOME</a></li>     
    </div><!--Navbar End-->
    </div><!--Nav End-->
    </div><!--Container End-->
    </div class="list"><strong>
        <li><a href="essex.html">Essex</a></li>
        <li><a href="london.html">London</a></li>
    </strong></div><!--Leagues End-->
</body>
</html>
这就是在css中控制这些内容所需的全部。请参见这里的JSFIDLE示例

如果您想更确定您使用的是正确的,您也可以这样更改:

strong li a{
  color: #000000;
  text-decoration: none;
}

因为你使用不同的类

使用以下命令:

.navbar li {
     css code 
}

我试着从div类更改为div id,更改。还有#,没有变化……你能再解释一下你想做什么吗?当然,我正在创建一些链接到网站的其他地方,这样我就可以把网站分成不同的位置。。。但是,我无法控制元素“列表”,因为我无法改变位置或颜色、大小,什么都不能……
  • 只能是
      的孩子,或者,你到底想做什么?我尝试过
        似乎没有什么区别。我想删除文字装饰,更改颜色,设置字体和添加填充。。。但是,如果不获得元素的控制权,则无法执行此操作。我写的所有东西对元素都没有任何影响,在我的末端仍然没有任何影响。。。我已经在这上面呆了24个多小时了,你用哪种浏览器?这也可能是缓存问题。它仍然使用旧的缓存css文件。对于chrome,您可以在在线网站上使用ctrl+f5Is,我们可以查看它是否出现问题,或者它是否处于脱机状态?如果您使用其他浏览器会怎么样?一个你没有去你正在创建的网站的地方。我自己修复了它。。。不知怎么的,我是从
        strong li a{
          color: #000000;
          text-decoration: none;
        }
        
        .navbar li {
             css code 
        }