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

Question

我是html和web编码的新手.变量前的句点在以下代码中表示什么？

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

谢谢

Answer 1

那些不是变量.这些是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 }

在div选择将选择所有<div>的HTML页面的时,#表示ID,所以#first_set它会与在这种情况下该ID将选择选择对象

<ul id="first_set">

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

<li class="item">

这只是基础知识,您可以将这些选择器混合为更具体的示例:

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

它只会选择#first_set中包含类项的对象.

值得一提的是,通常,ID(使用#myID选择)只应在HTML页面上使用ONCE,并且可以在多个元素上使用类.另外,一个元素可以有多个类; 用空格分隔它们.(例如<li class="item special-item">) - Platinum Azure