Maison  >  Article  >  interface Web  >  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

高洛峰
高洛峰original
2017-03-01 15:11:382493parcourir

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>

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 !

Déclaration:
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