Anfänger-Code: HTML Styling-ID in ID funktioniert nicht

Ich habe gerade angefangen zu lernen HTML und ich habe Probleme mit IDs/Klassen innerhalb IDs/Klassen.Anfänger-Code: HTML Styling-ID in ID funktioniert nicht

Also, nach meinem Wissen, wird eine ID durch ein # angegeben. Das würde bedeuten, dass, wenn ich eine ID innerhalb und ID stylen will, würde das nicht sein:

#ID1 #ID2 { 
    ... 
}

was bedeuten würde, dass das Styling wird nur für ID2 gelten, die in ID1 ist? Bitte korrigieren Sie mich, falls ich falsch liege. Als ich das gleiche Prinzip in meinem (sehr einfachen Anfänger-) Code verwendete, funktionierte es nicht. Hier ist mein Code:

<!DOCTYPE html> 
<html> 

<head> 
    <title>1 May 2016</title> 
    <style> 
     #name { 
      color: blue; 
      font-family: Tahoma; 
     } 

     #parafont #1 { 
      font-family: Arial; 
     } 

     #parafont #2 { 
      font-family: Times; 
     } 

     #parafont #3 { 
      font-family: Courier; 
     } 

     parafont #4 { 
      font-family: Lucida Grande; 
     } 

     #parafont #5 { 
      font-family: Helvetica; 
     } 

     #test1 #6 { 
      color: blue; 
     } 
    </style> 
</head> 

<body> 
    <h3 id="name">Bob Bobbington</h3> 
    <p>1 2 3 4 5 6 7 8 9 10</p> 
    <p>When was this website created? Check the <b>title</b>.</p> 
    <h3>All animals are quite interesting...</h3> 
    <p id="parafont"> 
     <span id="1">This is a test paragraph.</span> 
     <span id="2">Each sentence should have a different font.</span> 
     <span id="3">This paragraph is going to use some styling.</span> 
     <span id="4">Styling will change the font of each sentence.</span> 
     <span id="5">Let's see whether it works!</span> 
    </p> 
    <div id="test1"> 
     <p id="6">Test</p> 
    </div> 
</body> 

</html>

Alle Hilfe wird sehr geschätzt!

Quelle

2016-05-01 WeavingBird1917

Ändern Sie die ID-Nummern 1 in etwas, das mit Buchstaben beginnt.

ID und NAME Tokens mit einem Buchstaben beginnen muß ([A-Za-z]) und durch eine beliebige Anzahl von Buchstaben, Ziffern ([0-9]), Bindestrich folgen kann ("-") , Unterstriche ("_"), Doppelpunkte (":") und Punkte (".").

Quelle

2016-05-01 02:56:26 Ankanna

Vielen Dank !!! Wo hast du das zitiert? Es wäre toll, wenn jemand eine Website geben könnte, die alle Tags definiert. – WeavingBird1917

@ WeavingBird1917 überprüfen Sie diesen Link https://mathiasbynens.be/notes/html5-id-class – Ankanna

IDs können nicht zuerst mit Zahlen beginnen. Da IDs auch spezifisch sein sollen, ist die Verwendung der Verschachtelung zur Auswahl eines Elements redundant. #id # id2 wäre dasselbe wie # id2, solange das spezifischere #id # id2 verwendet wurde

Quelle

2016-05-01 02:58:17 sbswim

Das stimmt nicht ganz. Wenn es einen Selektor mit "# id2" gäbe, würde dieser durch einen spezifischeren Selektor wie # id1 # id2 überschrieben werden. – 4castle

gerade bearbeitet. Vielen Dank – sbswim

Anfänger-Code: HTML Styling-ID in ID funktioniert nicht

Antwort

Verwandte Themen