/CSS/How to select child when hover on parent element css

How to select child when hover on parent element css

/* Selecting a child element on :hover parent element*/ 
.parent:hover .child {
   /* ... */
}

Source: stackoverflow.com

How to select child when hover on parent element css

<!DOCTYPE html>
<html>
<head>
<style>
.parent{
  width: 500px;
  height: 100px;
  background-color: red;
  cursor:pointer;
}

.parent:hover > .child{
 animation-name: example;
 animation-duration: 1s;
 animation-timing-function: ease;
}
@keyframes example {
  0% {margin-left:0px; color:white;}
  50%{margin-left:200px;}
}
</style>
</head>
<body>

<div class="parent">
	<h3 class="child">hello js</h3>
</div>

</body>
</html>

Similar codes

0 vote277 views1 answer
Chrome close tab after print
CSS
0 vote288 views1 answer
How to disable phone number linking in Mobile Safari
CSS
0 vote297 views1 answer
Html how to ensure that the header always on top
CSS
0 vote303 views1 answer
Css not loading after clearing chaches asp.net
CSS
103 votes303 views2 answers
What are the types of positioning in css
CSS
79 votes343 views6 answers
Css media query
CSS
7 votes289 views3 answers
Html input background color
CSS
0 vote295 views1 answer
Adding script in vat for product order shopify
CSS
0 vote297 views1 answer
Find element that is causing overflow css
CSS
74 votes277 views6 answers
Css rounded corners
CSS