Question

由于某种原因，我的CSS文件无法选择ul元素。虽然它很容易选择p个元素。当我在HTML文件中粘贴CSS代码时，它可以工作。但是当样式在css文件中时，只有“ p”有效

<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
p {
  font-size:100px;
}
</style>

<!<!DOCTYPE html>
<html>
<head> 
  <link href="styles.css" rel="stylesheet"/>
  <title> abc</title>
</head>
<body>
  <ul>
    <li><a href="http://kzcanada.club/"> На Главную</a> </li>
    <li><a href="#">Контакты</a></li>
  </ul>
<p>sdsdasd</p>

Answer 1

这仅仅是因为您将<style>标记放在的StackSnippet的CSS部分中。由于<style>是HTML元素，因此只能在HTML部分中使用它； CSS部分保留给样式本身。

从CSS部分删除此<style>标记可显示您的代码按预期工作：

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

p {
  font-size: 100px;
}

<body>
  <ul>
    <li><a href="http://kzcanada.club/"> На Главную</a> </li>
    <li><a href="#">Контакты</a></li>
  </ul>
  <p>sdsdasd</p>
</body>

Answer 2

这是因为您试图在CSS文件中使用<style></style>标签，这是绝对错误的。看到这个：

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

p {
    font-size: 100px;
}

<!DOCTYPE html>
<html>

<head>
    <link href="styles.css" rel="stylesheet" />
    <title> abc</title>
</head>

<body>
    <ul>
        <li><a href="http://kzcanada.club/"> На Главную</a> </li>
        <li><a href="#">Контакты</a></li>
    </ul>
    <p>sdsdasd</p>
</body>

CSS无法选择一个元素，但会选择其他元素

2 个答案: