Question

通过以下代码段，我尝试使用一些装饰打印文本FileName和NodeThatShared。但它的打印好像我没有使用css （以简单的方式）。这可能是什么原因？

HTML :

<div id="FileName">
    FileName
</div>

<div id="NodeThatShared">
    NodeThatShared
</div>

CSS:

root { 
  display: block;
}

FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
}

NodeThatShared {
  font-size:9px;
}

Answer 1

你需要

#FileName

#NodeThatShared

.表示HTML类 #表示HTML ID

因此<div id="test">为#test而<div class="test">为.test。

Answer 2

您应该在CSS文件中的ID名称前面加上＃符号。

如果您决定使用课程，请填写。在班级名称之前。

您的CSS应如下所示：

#FileName {
    font-size:10px;
    text-decoration:underline;
    font-weight:bold;
}

#NodeThatShared {
    font-size:9px;
}

Answer 3

您没有正确选择元素，这是正确的方法：

#FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
}

#NodeThatShared {
  font-size:9px;
}

类的CSS选择器用'。'表示。和ids的'＃'。

这是两个例子：

<div class="my_class">This div is styled by a class selector</div>
<div id="my_id">This div is styled by an id selector</div>

.my_class { backgroud:orange; }
#my_id    { background:red; }

Answer 4

CSS ID需要以井号#

作为前缀

#FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
}

#NodeThatShared {
  font-size:9px;
}

CSS类需要以句点.

作为前缀

Answer 5

您需要将选择器的类型添加到前面。像：

#FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
 }

#NodeThatShared {
  font-size:9px;
}

Answer 6

您错过了表示身份证明的#符号。

^{（当我只有一个符号回答问题时，我讨厌不允许发帖（至少需要30个字符））}

#FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
}

#NodeThatShared {
  font-size:9px;
}

Answer 7

要引用您使用的css中的id：

#{id name}

在你的情况下，它将是：

#FileName

#NodeThatShared

如果您在css中引用class，那么它将是：

.{class name}

如：

.class1

.class2

Answer 8

在CSS中，ID需要引用样式表中前面带有“＃”符号的内容。例如：

 #FileName {
font-size:10px;
 text-decoration:underline;
font-weight:bold;
}

 #NodeThatShared {
font-size:9px;
}

请记住，这仅适用于ID。要使用类，它将如下所示：

 .FileName {
font-size:10px;
 text-decoration:underline;
font-weight:bold;
}

 .NodeThatShared {
font-size:9px;
}

可以多次使用类。

我没有看到css应用于div标签。这是为什么？

8 个答案: