0

タイトルが少し誤解を招くことは理解していますが、私はオブジェクト指向のバックグラウンドを持っており、最近 Web 開発へのシフトを開始しました。私は HTML の基本的な理解しかできておらず、CSS を学習したりいじったりしていますが、少し混乱している部分がいくつかあり、理解できる用語にしようとしています。

私のCSS:

.Person .span4 p
{
     margin-left: 10px;
     margin-right:10px;
     margin-top:10px;
}

私が理解できることから、これは、「span4」のクラスのように、コンテナ内にあるすべての p タグが、class="Person" を持つ別のコンテナ内にあることを意味します。上記の仕様でフォーマットされます。つまり、person.span4.p.format(String[] formatArgs) で、formatArgs は margin-left、right、および top です。

質問: これは適切な見方ですか?

リンゴとオレンジを比較している可能性があることはわかっていますが、実際に実行する前に、非常に間違っている可能性のある結論と、これらがどのように機能するかについての実際の説明について意見を求めたいと思います.

4

1 に答える 1

4

についてのあなたの質問.Person .span4 pは正しいです、それはクラスを持つ要素の子孫であるクラスをp持つ要素の子孫である要素をスタイルします。span4Person

ただし、HTMLのクラスをOOクラスとまったく同じように解釈しようとはしません。それらは完全に異なる概念であり、それは物事を混乱させるだけになると思います。

クラスは、クラス属性(class="span4")を使用してHTML要素に割り当てることができ、CSSまたはJavaScriptで使用して、これらの要素に追加のスタイルや動作を適用できます。要素にクラスを与えることは、特定のキーワードでタグ付けすることと考えてください。そうすれば、後で簡単にターゲットを設定できます。要素をスペースで区切ることにより、要素に複数のクラスを割り当てることもできます。class="span4 box"

さらに、.Person .span4 p実際には「クラス」ではなく、セレクターです。.span4構文はクラスセレクターと呼ばれ、はp要素セレクターであり、2つのセレクターの間にスペースを使用すると、子孫セレクターが作成されます。さらに#myIdIDセレクターがあり、他にもたくさんのタイプのセレクターがあります

正しい用語を理解するための良い方法として、このガイドをお勧めします。

于 2012-12-11T14:28:27.050 に答える