Une étude approfondie de CSS (1)

Recherche approfondie CSS (1)

Blog des pages Github

Sélecteur de base

Sélecteur de balisage h1 {...}

Catégorie class_name{. ...}, deux classes fonctionnent en même temps, comme class = 'one two', s'il y a un conflit, l'ancien

ID selector #id{...}

sélecteur composé : deux sélecteurs ou plus, connectés de différentes manières

Intersection

h3.class_name { ... >

Le premier doit être une balise Sélecteur, le deuxième doit être (sélecteur de catégorie) ou (sélecteur d'ID), il n'y a pas d'espace au milieu, et doit être écrit en continu

Sélecteur d'union a_selector, b_selector est un sélecteur multiple

Sélecteur de descendant

div p { /* p en dessous du div, y compris tous les descendants*/}

div>descendant direct de pdiv

Héritage CSS

Le petit conteneur inclus héritera du style du plus grand conteneur qui le contient

ABCD

h1{ color : red text- ; decoration : underline;}em { color : blue;}

Le résultat est tel que montré sur la figure, em hérite du soulignement de h1

Priorité CSS

Style en ligne (style=) > style d'ID (#id) > style de classe (.class) > style de marqueur (div)

Lorsque deux classes sont en conflit, la première

est utilisée .Ce qui précède est que CSS recherche minutieusement le contenu de (1). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !