html .. と . の違い

HTML 言語は、Web ページ作成用の標準化されたマークアップ言語であり、一連のタグを使用してページのコンテンツと構造を記述します。 HTML言語を使用する際に「.」と「...」という2つの記号がよく使われますが、この2つの記号は似ていますが、実は意味が大きく異なります。ここでは「。」と「…」の意味や違いについて詳しく紹介していきます。

1. 「."

".」の意味と使い方.」は一般的な記号で、主にファイルのパスを表すために使用されます。たとえば、C ドライブのフォルダー「myfolder」を開く必要がある場合は、パス「C:myfolder」を使用できます。このパスの「.」はカレントフォルダ、つまりCドライブ直下のカレントフォルダ(myfolder)を表します。

さらに、「.」は HTML 言語でも独自の用途があります。 HTML では、通常、「.」はクラス名またはタグ名を表すために使用されます。次のコードに示すように:

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

このコードでは、「.wrapper」と「.text-paragraph」はクラス名です。ドットはクラス名を表すために使用される記号であり、フォントや色などを変更するなど、CSS を通じてこれらのクラスのスタイルを設定できます。

2. 「...」

「...」の意味と使い方は、パスを表すために使用されるもう 1 つの記号です。通常、上位を表すために使用されます。フォルダーの -level ディレクトリ。たとえば、フォルダー「myfolder」に「test」という名前のサブディレクトリがあります。このサブディレクトリにジャンプする必要がある場合は、パス「C:myfolder..\test」を使用できます。このパスでは、「..\」は上位ディレクトリを表す記号です。つまり、C ドライブの「myfolder」にジャンプし、さらに「test」フォルダにジャンプします。

HTML 言語では、通常、「...」は親要素、つまり特定の要素を含むすべての要素を表すために使用されます。たとえば、次のコードには 2 レベルの要素の入れ子が含まれています。

<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 中国語 Web サイトの他の関連記事を参照してください。