Verwenden Sie CSS-Selektoren Cleverly_Experience Exchange

Link-Stile in verschiedenen Inhaltsblöcken können durch unterschiedliche Regeln definiert werden. Etwa so: #nav a:link oder #main a:link oder #footer a:link. Sie können auch unterschiedliche Stile für dieselben Elemente in verschiedenen Inhaltsblöcken definieren. Definieren Sie beispielsweise die Stile #main p und #sider p jeweils über #main p und #sider p. Strukturell gesehen besteht Ihre Seite aus Bildern, Links, Listen, Absätzen usw. Diese Elemente selbst haben keinen Einfluss darauf, auf welchem ​​Netzwerkgerät sie angezeigt werden (PDA, Mobiltelefon oder Internet-TV). Sie können als beliebiges Erscheinungsbild definiert werden.

Eine sorgfältig strukturierte HTML-Seite ist sehr einfach und jedes Element dient strukturellen Zwecken. Wenn Sie einen Absatz einrücken möchten, müssen Sie das Blockquote-Tag nicht verwenden. Verwenden Sie einfach das p-Tag und fügen Sie p eine CSS-Texteinrückungsregel hinzu, um den Einrückungszweck zu erreichen. p ist ein strukturiertes Tag und text-indent ist ein Präsentationsattribut. Ersteres gehört zu HTML und letzteres zu CSS. (Dies ist die legendäre Trennung von Struktur und Leistung)

In einer gut strukturierten HTML-Seite gibt es fast keine Leistungsattribut-Tags. Der Code ist sehr sauber und prägnant. Beispielsweise kann der ursprüngliche Code

jetzt nur in HTML schreiben, und alle Dinge, die die Leistung steuern, werden in CSS geschrieben. In strukturiertem HTML ist Tabelle eine Tabelle, nichts anderes (ganz zu schweigen davon, dass sie für das Layout verwendet wird). und Positionierung).

Natürlich sind CSS-Selektoren nicht nur so einfach. Zusätzlich zu IDs und Klassen gibt es auch Nachkommenselektoren, Attributselektoren usw.