Regroupement CSS et sélecteurs imbriqués
Sélecteurs groupés et imbriqués CSS
Sélecteurs groupés
Là y a-t-il de nombreux éléments avec le même style dans la feuille de style, Afin de minimiser le code, vous pouvez utiliser des sélecteurs de regroupement. Séparez chaque sélecteur par une virgule.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
h1,h2,p
{
color:green;
}
</style>
</head>
<body>
<h1> PHP中文网你</h1>
<h2>php.cn</h2>
<p>学习PHP知识的好选择.</p>
</body>
</html>Exécutez le programme et essayez-le
Sélecteur imbriqué
Il peut s'appliquer au style des sélecteurs à l'intérieur des sélecteurs .
Dans l'exemple suivant, trois styles sont définis :
Spécifiez un style pour tous les éléments p Spécifiez un style pour tous les éléments class="marked" L'élément p spécifie un style <🎜. >
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
</style>
</head>
<body>
<p>褪尽风华，我依然在彼岸守护你</p>
<div class="marked">
<p>那些繁华哀伤终成过往，</p>
</div>
<p>请不要失望，平凡是为了最美的荡气回肠。</p>
</body>
</html>Exécutez le programme pour l'essayer
nouveau fichier
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
h1,h2,p
{
color: #d4d223;
}
</style>
</head>
<body>
<h1>PHP中文网</h1>
<h2>php.cn</h2>
<p>你学习PHP知识的好选择.</p>
</body>
</html>
Aperçu
Clear
- Recommandations de cours
- Téléchargement du didacticiel
Gratuit
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~
Les étudiants qui ont regardé ce cours apprennent également
Parlons brièvement de la création d'une entreprise en PHP
Introduction rapide au développement web front-end
Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
Premiers pas avec le développement pratique PHP : création rapide de PHP [Small Business Forum]
Vérification de connexion et forum de discussion classique
Collecte de connaissances sur les réseaux informatiques
Démarrage rapide de la version complète de Node.JS
Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]
Écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)