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

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

您错过了#指示 ID 的标志。

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

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

#NodeThatShared {
  font-size:9px;
}

Answer 7

要引用一个idin css，您可以使用：

#{id name}

在您的情况下，它将是：

#FileName

#NodeThatShared

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

.{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;
}

类可以多次使用。