Question

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

<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选择器将选择HTML页面中的所有<div>，＃表示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

Answer 2

这是将样式分组标记为CSS中的类。请浏览@ w3schools教程，这是一个非常好的入门者。

http://www.w3schools.com/css/default.asp

Answer 3

通常属于某类的东西，例如

.treeListContainer input

treelistcontainer是类，输入是类中的控件，因此样式只影响该类中的控件

Answer 4

您谈到的部分是嵌入在HTML中的CSS。 CSS和HTML都没有变量，您正在查看selectors。

点前缀表示它是class selector并且将匹配作为给定类成员的HTML元素。

要使元素成为类的成员，将类名添加到以class attribute的值给出的空格分隔列表中。

因此.page_title会将元素与：

匹配

class="foo page_title bar baz"

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

<h1>Main heading goes here</h1>

CSS：

h1 { … }

顺便提一下，是HTML（和HTML兼容的XHTML）中的错误。 CSS评论与/*和*/分隔。

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

4 个答案: