CSS テストの問題です。解いてください (理由を説明するのが最善です)_html/css

CSS テストの問題です。解いてください (理由を説明するのが最善です)_html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:16:26

オリジナル

1062 人が閲覧しました

Consider following markup<html><head><style>   div.main span {color:red}   span.important {color:green}</style></head><body>   <div class="main">       <span class="important" id="myspan">text</span>   </div></body></html>What colour will be applied to word "text" ?

ログイン後にコピー

ディスカッションへの返信（解決策）

div.main span {color:red} //すべての DIV の下位レベルのクラスは main であり、すべての span 要素のフォントの色は赤です
scan. important { color:green }//次のレベルのクラスが . important であるすべての Span 要素のフォントの色は緑です

そして、同じ要素が繰り返し現れる場合、コードは上から下に実行されます。一番下のもの

すると、コードは上から下に向かって実行されます。同じ要素が繰り返し出現すると、最後に一番下の CSS 効果が表示されます

答えは赤ですか?
さらに、 div.main span {color:red} は、クラス名が main の DIV の下のスパンのテキストの色が赤であることを意味します。あなたが言ったことではありません。次のレベルのクラスを持つすべての DIV のフォントの色は main であり、すべてスパン要素は赤色です。

ブートストラップの概念で説明すると?
div.main span {color:red} はテンプレートですか?
scan. important {color:green} はコンポーネントです

必要に応じて色

を設定し、span. important. important {green;} に変更します

大きいです

赤です

CSS の使用優先度
はスタイル名のセグメントに依存します結合された値のサイズ型の

div.main span--》 (要素 + クラス) + (要素)
span. important--" (要素 + クラス)

特定の型が表す重みの値を忘れましたが、上記間違いなく大きい

http://www.w3cplus.com/css/css-specity-things-you-Should-know.html
CSS の重みの概念

クラス名の div の下にあるspanタグのフォントの色メインは赤です。
クラス名が重要なspanタグの文字色は赤です。
結果のテキストは赤色になります。
div.main span {color:red} は、span. important {color:green} よりも優先されます

理由は…わかりません。。。 233

div.main spa 2つの要素と1つのクラス
scan. important 1つの要素と1つのクラス
明らかに前者の重みが後者より大きいので赤くなっています

div.main spa 2つの要素と1つのクラス
span. important 1つの要素 A クラス
明らかに前者の重みが後者よりも大きいので赤になります

正解

http://www.w3cplus.com/css/css-specity-things- you-Should-know.html
CSS の重みの概念

ありがとうございます、とても助かります

は赤色です

css の使用の優先順位は、スタイル名のセグメント

div.main scan--》 (要素 + クラス) + (要素)
span. important--》 (要素 + クラス)

特定の型が表す重みの値を忘れてしまいましたが、上のほうが間違いなく大きいです

http://www.w3cplus.com/css/css -specity-things-you-Should-know.html
CSS 重みの概念
笑、一緒に学び、一緒に進歩しましょう!
赤。。。 div メインクラスの役割

ID セレクターはクラスセレクターよりも優先度が高い

ごめんなさい、読み間違えました

http:/ / www.w3cplus.com/css/css-specity-things-you-Should-know.html
CSS 重みの概念

ありがとう、とても役に立ちます
どういたしまして