Question

我刚开始学习html / css并发现一些令人困惑的事情。

这是我简单的网页：

<html>
<head>
<meta charset="utf-8">
<link rel = "stylesheet" type="text/css" href="styles/css/style.css" />
</head>
<body>
<ul class:"menu">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>

这是我的css文件：

 li {
    list-style-type: none;
    margin-left: -35px;
   }  

.menu
{
    width:200px; 
    border: 1px solid #000; 
    font-family: 'Times New Roman';
    color: #880000;
    border-radius: 10px;
    box-shadow: 5px 5px #880000;
    background-color: #F9E497;
    font-size: 11.4pt;
    line-height: 1.5;
    margin-top: 5px; 
    margin-bottom: 5px;

}

我不明白为什么我的代码不接受.menu课程。当我在我的css文件中将.menu更改为ul时，一切都很好。我错过了什么？

Answer 1

您使用:代替=

尝试：

<ul class="menu">

Answer 2

欢迎来到StackOverflow！

新用户经常会感到困惑，这是各种选择者之间的差异。除了其他人发布的内容之外，我还会发布一些一般提示。

使用属性时使用=：

<ul class="myClass"></ul>

使用样式时使用:：

<ul style="color: red;"></ul>

此外，在CSS中，使用:，类似于样式：

myRule {
    myProperty: myValue;
}

除了内联样式（正如我上面使用ul所做的那样），您可以在html <style></style>中使用<head>代码：

<head>
  <style>
  myRule {
      myProperty: myValue;
  }
  </style>
</head>

Answer 3

<ul class:"menu">

应该是

<ul class="menu">

<ul>的课程不起作用

3 个答案: