0
私はCSSには新しく、理解できないニュアンスがあります。 この例では、ビューポートの背景色を設定し、赤色を使用しています。私はその後、「頭部」セクションで、私のhtmlファイルに追加し、外部の.cssファイルに次のコードを使用している場合外部の.cssファイルで 'root'とは違った扱いをしているCSS
、ビューポートの色は全く変更されていない - それは標準の白い背景である：
==== my-external-css-file.css ===
root
{
display: block;
background-color:RGB(255,0,0);
}
==== my index.html file ====
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>theRed</title>
<meta name="viewport" content="user-scalable=no, width=device-width"/>
<link rel="stylesheet" href="my-external-css-file.css"
</head>
私は本を使用してCSSを学習していますが、本書では機能しない外部の.CSSファイルアプローチを使用しています。だから、私は外部のCSSファイルを放棄し、ルートの色の変更をに直接の "head"セクションに入れました。代わりにルートの色を入れたい場合は、を直接内側に入れます index.html予想通り、ビューポート全体の背景が赤である：
==== my index.html file ====
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>theRed</title>
<meta name="viewport" content="user-scalable=no, width=device-width"/>
<style type="text/css">
:root
{
background-color:RGB(255,0,0);
}
</style>
</head>
両方の時間は、私は赤にrootの「背景色」を設定していて、両方のケースで、私は、HTMLの正しい部分でそうやっているので、ファイルの "head"セクションにある - なぜ外部の.cssファイルが背景色を設定しようとしていないのですか？
私はCSSには新しいので、ここではニュアンスがあると私は認識していないと思いますか？開発IDEにNetbeansを使用しています。新しい.CSSファイルを作成すると、Netbeansは新しい.cssファイルに自動的に "display：block"ステートメントを入れて、必要と思われたのでそのまま残しました。 HTMLの
： 私はあなたの例ではあなたがあなたの体を設定すると思います。私のことは聞いたことがないので、私のcssの知識は少し古くなっているように見えます。 '：root'は擬似セレクタのようなもので、' root'は 'root'というhtmlタグが必要です。最初の例で 'root'を'：root'に置き換えると修正されますか？ – CodesInChaos