h1セレクタなしでHTMLとCSSのpセレクタが動作しない

こんにちは、私はHTMLとCSSが初めてで、奇妙な問題に遭遇しました。スタイルとpセレクターでテキストの色を変更しようとしていますが、h1セレクターを使用していれば機能します。ここに私のコードです。h1セレクタなしでHTMLとCSSのpセレクタが動作しない

<!DOCTYPE html> <!-- Indicates which HTML version is being used --> 
<html> <!-- HTML starts here --> <!-- Also called root element --> 
    <head> <!-- background/setup information goes inside head --> 
     <meta charset = "utf-8" /> <!-- defines character set --> 
     <title> Hello Internet! </title> <!-- website title name --> 

     <style type = "text/css"> <!-- Added for CSS --> 


      h1{ 

      } 


      p{ 
      color: red; 
      } 

     </style> 

</head> 

<body> 


<p> This text is red </p> 



</html>

だから、このコードでテキストの私のラインは実際には赤ですが、すぐに私はコードからH1セレクターを削除するよう、テキストが黒に戻ります。誰もなぜこれが起きているのか説明できますか？

出典

2016-08-22 Saik

無関係のが、あなたの 'を'閉じることを忘れないでください。 – Santi

あなたはそこにHTMLコメントを入れます！コメントを削除し、それが動作します：

<!DOCTYPE html> 
 
<!-- Indicates which HTML version is being used --> 
 
<html> 
 
<!-- HTML starts here --> 
 
<!-- Also called root element --> 
 

 
<head> 
 
    <!-- background/setup information goes inside head --> 
 
    <meta charset="utf-8" /> 
 
    <!-- defines character set --> 
 
    <title> Hello Internet! </title> 
 
    <!-- website title name --> 
 
    <style type="text/css"> 
 
    p { 
 
     color: red; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <p> This text is red </p> 
 
</body> 
 

 
</html>

あなたが<style>タグ、使用CSSのコメントにコメントを追加したい場合は、次の

/** 
* This is a valid CSS comment 
*/ 
/* This one too! */ 
/*************************** 
**************************** 
Even this one! 
**************************** 
***************************/

出典

2016-08-22 20:12:08

ハァッ、それは働いた。これは愚かです。コメントが自分のコードに何らかの影響を与えるのはなぜですか？私は主にC++とJavaでコードを作成しましたが、コメントには実際のコードに0の効果があることが期待されていました。 – Saik

h1セレクタなしでHTMLとCSSのpセレクタが動作しない

答えて