<div class="a"> <div class="b"> AAAA </div> </div>
div { transition: 1s ease-in-out; } .a { width: 100px; height: 100px; border: 1px solid red; color: red; } .a:hover { color: blue; border-color: blue; }