html .. 与. 的区别

html语言是一个用于创建网页的标准化标记语言，它使用一系列的标签来描述页面的内容和结构。在使用html语言时，人们经常会用到 “.” 和 “…” 这两个符号，这两个符号看起来类似，但其实它们有着非常不同的含义。下面，我将详细介绍 “.” 和 “…” 的意义与区别。

1. “.” 的含义与用法

“.” 是一种常见的符号，它主要用于表示文件的路径。例如，需要打开C盘中的文件夹“myfolder”，可以使用如下的路径：“C:myfolder”。在这个路径中，“.” 表示当前文件夹，即这个路径就是C盘下的当前文件夹（myfolder）。

除此之外，“.” 在HTML语言中也有着自己的用途。在HTML中， “.” 通常用于表示类名或标签名。如下面的代码所示：

<div class="wrapper"> 
    <p class="text-paragraph">这是一个段落。</p> 
</div>

在这个代码中， ".wrapper" 和 ".text-paragraph" 就是类名。其中的点号就是用于表示类名的符号，这样我们就可以通过CSS来对这些类进行样式处理，例如修改它们的字体、颜色等等。

2. “…”的含义与用法

“…”是另一个用于表示路径的符号，它通常用于表示文件夹的上一级目录。例如，在文件夹“myfolder”中有一个名为“test”的子目录，如果需要跳转到该子目录，可以使用如下的路径：“C:myfolder..\test”。在这个路径中，“..\” 就是用于表示上一级目录的符号，即我们跳转到了C盘下的 "myfolder"，然后再跳到 "test" 文件夹。

而在HTML语言中，“…” 通常用于表示父元素，即包含某个元素的所有元素。例如，下面的代码中包含了两层元素嵌套：

<div class="wrapper"> 
    <p class="text-paragraph">这是一个段落。</p> 
</div>

在这个代码中， "div" 标签包含了 "p" 标签，可以使用 "... " 来表示 "div" 元素。如下所示：

.text-paragraph {...} 
.wrapper > ... {...}

在这个代码中，“.text-paragraph” 选择器应用于 “p” 标签，而 “.wrapper > ...” 选择器应用于它的父元素，“div”标签。这样，我们就可以用CSS来控制“wrapper”元素中所有子元素（包括“p”标签）的样式。

总结：

综上所述，“.”和“…” 都是在表示路径或元素层级时使用的符号，但它们有着不同的含义和用法。如果我们想表示当前路径或所在的元素，可以使用 “.”，如果我们想表示上一级路径或父元素，则使用 “…”。在HTML语言中也一样，如果我们想表示一个类名，可以使用 “.”，如果我们想表示一个父元素，可以使用 “…”。掌握它们的含义和用法，可以使我们更加熟练地使用HTML语言和CSS样式。

以上就是html ..  与.  的区别的详细内容，更多请关注php中文网其它相关文章！