个人中心
gpt4 book ai didi

html - 为什么我的 css 没有更改 div 标签中的元素

转载 作者：太空宇宙 更新时间：2023-11-03 23:22:23 25 4
gpt4 key购买 nike

我是 html 和 css 的新手，所以我正在通过制作示例网站来学习和练习，但是我遇到了一个问题，我似乎无法使用 div id 标签来使用 css 进行编辑，css 是完美地编辑任何不是 div 标签的东西。我不确定我的代码有什么问题。

这是我正在使用的 html 代码:

<body>

    <div id="nav">
      <div id="container">
        <ul>
          <li>About us</li>
          <li>Getting Involved</li>
        </ul>

        <div id="centernav">
          <ul>
            <li>Website</li>
          </ul>
        </div>

        <ul>
          <li>Showtimes</li>
          <li>Announcements</li>
        </ul>
      </div>
    </div>

    <div id="website-name">
        <h1>Website title</h1>
        <p>info</p>
    </div>
</body>

我的CSS代码:

div.nav {
  font-size: 20px;
  background-color: black;
}

h1 { 
  color: white;
  font-size: 30px;
}  

body {
  background-color: blue;
}

最佳答案

您一直在使用错误的选择器，div.nav选择所有 <div class="nav"> ，相反，div#nav选择 <div id="nav"> , 但由于 id 是唯一的，您可以只使用 #nav :)

看到它工作 here为了便携性，或在此代码段中:

#nav {
  font-size: 20px;
  background-color: black;
}

h1 { 
  color: white;
  font-size: 30px;
}  

body {
  background-color: blue;
}
<body>

    <div id="nav">
      <div id="container">
        <ul>
          <li>About us</li>
          <li>Getting Involved</li>
        </ul>

        <div id="centernav">
          <ul>
            <li>Website</li>
          </ul>
        </div>

        <ul>
          <li>Showtimes</li>
          <li>Announcements</li>
        </ul>
      </div>
    </div>

    <div id="website-name">
        <h1>Website title</h1>
        <p>info</p>
    </div>
</body>

也许这有用，css selectors .

希望对您有所帮助!

关于html - 为什么我的 css 没有更改 div 标签中的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28244213/

25 4 0
文章推荐： c# - 统一淡入场景无法正常工作
文章推荐： node.js - 当我提取图像数据时，它没有从 duckduckgo api 显示
文章推荐： c - 当密码中存在特殊字符时，ftp 文件上传失败
文章推荐： c# - 如何通过电子邮件发送模态