Maison > interface Web > tutoriel CSS > Le survol CSS modifie les styles des éléments enfants et d'autres éléments

Le survol CSS modifie les styles des éléments enfants et d'autres éléments

高洛峰
Libérer: 2017-03-01 15:11:38
original
2542 Les gens l'ont consulté

Le survol CSS modifie le style des éléments enfants et d'autres éléments

représente l'élément de niveau suivant, > représente les éléments enfants

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<style>
    #a {color : #FFFF00;}

    #a:hover + #c{color : #00FF00;}
    #a:hover + #c > #b{color : #0000FF;}
</style>
<div id=&#39;a&#39;>元素1

</div>
<div id=&#39;c&#39;>元素3
    <div id=&#39;b&#39;>元素2</div>
</div>


</html>
Copier après la connexion

Plus de survol CSS modifie les éléments enfants et d'autres éléments Pour articles liés au style, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
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