HTML und CSS p Selektor funktioniert nicht ohne h1 Selektor

Hallo ich bin neu in HTML und CSS und ich stieß auf ein seltsames Problem. Ich versuche, die Farbe meines Textes mit Stil und p-Selektor zu ändern, und es funktioniert, solange ich h1 Selektor auch verwende. Hier ist mein Code.HTML und CSS p Selektor funktioniert nicht ohne h1 Selektor

<!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>

Also mit diesem Code des Textes meiner Linie ist eigentlich rot, aber sobald ich den h1 Wähler aus dem Code zu entfernen, geht der Text auf Schwarz zurück. Kann mir jemand erklären, warum das passiert?

Quelle

2016-08-22 Saik

Unrelated aber vergessen Sie nicht, Ihre '' zu schließen. – Santi

Sie haben dort einen HTML-Kommentar eingefügt! Entfernen Sie den Kommentar und es wird funktionieren:

<!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>

Wenn Sie Kommentare zu den <style>-Tag, verwenden CSS Kommentare hinzufügen möchten:

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

Quelle

2016-08-22 20:12:08

huh, es hat funktioniert. Ok, das ist dumm. Warum hat der Kommentar Auswirkungen auf meinen Code? Ich code hauptsächlich in C++ und Java und ich erwartete, dass der Kommentar 0 Effekt auf dem tatsächlichen Code hat. – Saik

Das '

HTML und CSS p Selektor funktioniert nicht ohne h1 Selektor

Antwort