html中变量前面的点表示什么？

总的来说，我对 html 和 web 编码很陌生。下面的代码中变量前面的句点表示什么？

<style>
<!-- Modify these styles -->
.page_title       {font-weight:bold}
.page_text        {color:#000000}
</style>
... JS code

Thanks

这些不是变量。 这些是 CSS 选择器，它们代表每个示例中具有该类的 HTML 节点

<div class="page_title">Page Title</div>

您可以使用 CSS 选择器来设置 HTML 中这些元素的样式

既然他们建议了。 =)

有几种方法可以在 CSS 中引用 HTML 节点，最常见的是 ID、类和标签名称。

看看这个例子

<div>
    <ul id="first_set">
       <li class="item"> Item 1 </li>
       <li class="item"> Item 2 </li>
    </ul>
    <ul id="second_Set">
       <li class="item"> Item 1 </li>
       <li class="item"> Item 2 </li>
    </ul>
</div>

好的。我们有一个带有两个无序列表的 div，每个列表作为两个列表项，现在是 CSS：

div { background-color: #f00; } 
#first_set { font-weight: bold; }
#second_set { font-weight: lighter; }
.item { color: #FF00DA }

the div选择器将选择全部<div>在 HTML 页面中， # 表示 ID，所以#first_set它将选择具有该 id 的对象，在本例中它将选择

<ul id="first_set">

点符号选择类，因此.item选择器将选择具有项目类的所有对象，在这种情况下它将选择所有

<li class="item">

这实际上只是基础知识，您可以混合这些选择器以使每个示例更加具体：

#first_set .item { text-decoration: underline; }

并且它只会选择 #first_set 内具有类 item 的对象。

值得一提的是，一般来说，ID（用#myID 选择）只能在 HTML 页面上使用一次，而一个类可以在多个元素上使用。此外，一个元素可以有多个类；只需用空格分隔它们即可。 （例如。，<li class="item special-item">) – 白金蔚蓝