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

一般来说，我对html和web编码是新手。以下代码中变量前的句点表示什么

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

.page_标题{字体大小：粗体}
.page_text{color:#000000}
... JS代码

---

谢谢

在CSS中将样式分组标记为类。 请完成w3schools的教程，这是一个很好的开端

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

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

div

选择器将选择HTML页面中的所有

， #表示ID，因此

#first_set

将选择具有该ID的对象，在本例中，它将选择该对象

<ul id="first_set">

这只是最基本的，您可以将这些选择器混合在一起，使每个示例更加具体：

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

并且它将只选择在#first_集合内具有类项的对象

---

---

值得一提的是，一般来说，一个ID（用#myID选择）在HTML页面上只能使用一次，一个类可以在多个元素上使用。此外，一个元素可以有多个类；用空格隔开就行了。（例如，

）-

通常是某事物所属的类别，例如

.treeListContainer input

treelistcontainer是类，input是类中的控件，因此样式只影响该类中的控件
您所讨论的部分是嵌入在HTML中的CSS。您正在查看的CSS和HTML都没有变量

点前缀表示它是一个类，并且将匹配作为给定类成员的HTML元素

要使元素成为类的成员，将类名添加到以空格分隔的列表中，该列表作为

因此，
.page\u title
将元素与以下内容匹配：

class="foo page_title bar baz"

但是，一般来说，您给任何类名（如“page_title”）的内容都可能与主标题相同，因此HTML通常应该如下所示：

<h1>Main heading goes here</h1>

顺便说一句，
是HTML（以及与HTML兼容的XHTML）中的一个错误。CSS注释用
/*
和
*/
分隔，非常可怕。是一个更好的起点。我不知道这个网站。我将查看此网站。老实说，我认为w3schools.com是一个很好的基础学习网站，尽管w3schools作为参考非常棒，但它没有为初学者提供上下文，这是一个遗憾=\w3schools有很多错误。如果您只测试页面在图形浏览器中的呈现方式，但会给屏幕阅读器、搜索引擎和其他非可视用户代理带来问题，那么其中许多问题就不明显了。然后你会看到编程教程，它使用过时的最佳实践，教人们如何在最坏的情况下编写具有巨大安全漏洞的代码。作为参考，W3学校比仅仅使用语言规范要糟糕得多。非常感谢！现在我知道了它们的名称，我会读更多的内容。考虑到问题的性质，您可能也想解释什么是哈希前缀选择器<代码>#以此元素
为例@罗布，如果这个答案有帮助，你可以投票（点击△ 大卫·托马斯，正如你所问，我添加了一个更深刻的解释，因为英语不是我的第一语言，我很高兴你们能修改它=）值得一提的是，一般来说，一个ID（用
#myID
选择）只能在HTML页面上使用一次，并且一个类可以在多个元素上使用。此外，一个元素可以有多个类；用空格隔开就行了。（例如，
）同意，并添加@Platinum Azure=）Good catch David；我们完全忽略了这一点。
.treeListContainer input

class="foo page_title bar baz"

<h1>Main heading goes here</h1>

h1 { … }