verfärben Links innerhalb div wenn Mouseover div

Question

versuche ich die Farbe wechseln Links innerhalb div, wenn ich den Cursor in div setzen, aber ich kann nicht Ergebnisse

#pag_number { 
 
    float: left; 
 
    position: relative; 
 
    width: 40px; 
 
    height: 40px; 
 
    line-height: 40px; 
 
    margin-right: 3px; 
 
    font-family: Arial; 
 
    font-size: 18px; 
 
    color: #fff; 
 
    text-align: center; 
 
    background-color: #111; 
 
} 
 
#pag_number a:hover { 
 
    font-weight: bold; 
 
    text-decoration: none; 
 
    color: #A9A713; 
 
}

<div id="pag_number"><a href="#1">1</a> 
 
</div>

bekomme ich versuchen die Verwendung von CSS-i setzen, bis, aber keine Werke erhalten und nie, wenn ich meine Cursor über die div setzte genannt pag_number get verfärben Links innerhalb

Thank's um Hilfe in Bezug auf

Answer 1

Wenn Sie Farbe child element ändern möchten, während schweben parent Sie CSS in diesem Format parent:hover > child in Ihrem Fall #pag_number:hover a

#pag_number { 
 
    float: left; 
 
    position: relative; 
 
    width: 40px; 
 
    height: 40px; 
 
    line-height: 40px; 
 
    margin-right: 3px; 
 
    font-family: Arial; 
 
    font-size: 18px; 
 
    color: #fff; 
 
    text-align: center; 
 
    background-color: #111; 
 
} 
 
#pag_number:hover a { 
 
    font-weight: bold; 
 
    text-decoration: none; 
 
    color: #A9A713; 
 
}

<div id="pag_number"><a href="#1">1</a> 
 
</div>