/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

3 votes135 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
1 vote146 views1 answer
Universal selector incss'
CSS
0 vote123 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
1 vote159 views1 answer
Convert string to uppercase while typing
CSS
1 vote146 views1 answer
How to make border hover effect in css
CSS
7 votes134 views3 answers
Border-width in percentage
CSS
1 vote141 views2 answers
Css n number of lines only
CSS
0 vote145 views1 answer
Center tecxt css
CSS
0 vote167 views1 answer
Réglage de constantes PHP
CSS
2 votes136 views1 answer
How to create space inbetween text css
CSS