Maison > interface Web > tutoriel CSS > Une étude approfondie de CSS (1)

Une étude approfondie de CSS (1)

黄舟
Libérer: 2016-12-22 16:25:29
original
1331 Les gens l'ont consulté

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 (m.sbmmt.com) !


Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal