鼠标经过前:
鼠标经过后:
html
<div class="notice-item">
<div class="notice-date">
<div class="notice-day">15</div>
<div>2022-04</div>
</div>
<div class="notice-text">关于表彰2014年度市直保密工作先进单位和先进个人的通</div>
</div>
css
.notice-item:hover {
color: #e90000;
}
.notice-item:hover .notice-date {
color: #ffffff;
background-color: #e90000;
}
.notice-item:hover .notice-day {
color: #ffffff;
}