Utiliser les sélecteurs CSS Cleverly_Experience Exchange

Les styles de liens dans différents blocs de contenu peuvent être définis via différentes règles. Quelque chose comme ceci : #nav a:link ou #main a:link ou #footer a:link. Vous pouvez également définir différents styles pour les mêmes éléments dans différents blocs de contenu. Par exemple, définissez les styles de #main p et #sider p respectivement via #main p et #sider p. Structurellement parlant, votre page est composée d'images, de liens, de listes, de paragraphes, etc. Ces éléments eux-mêmes n'affectent pas le périphérique réseau sur lequel ils sont affichés (PDA, téléphone mobile ou TV Internet). Ils peuvent être définis comme n'importe quelle apparence de performance.

Une page HTML soigneusement structurée est très simple et chaque élément est utilisé à des fins structurelles. Lorsque vous souhaitez mettre en retrait un paragraphe, vous n'avez pas besoin d'utiliser la balise blockquote. Utilisez simplement la balise p et ajoutez une règle d'indentation de texte CSS à p pour atteindre l'objectif d'indentation. p est une balise structurée et text-indent est un attribut de présentation. La première appartient au HTML et le second au CSS. (C'est la séparation légendaire entre structure et performance)

Il n'y a presque pas de balises d'attribut de performance dans une page HTML bien structurée. Le code est très propre et concis. Par exemple, le code original

ne peut désormais écrire qu'en HTML, et tout ce qui contrôle les performances est écrit en CSS. En HTML structuré, un tableau est un tableau, rien d'autre (sans parler de celui utilisé pour la mise en page). et positionnement).

Bien sûr, les sélecteurs CSS ne sont pas si simples. En plus des identifiants et des classes, il existe également des sélecteurs descendants, des sélecteurs d'attributs, etc.