html - 在 li of 2 classes (HTML, CSS) 中选择一个类

Question

html:

    <div id="calendar">
        <li class="day">
            <div class="date">4</div>
            <div class="event">
                <div class="event-description">
                    Concert
                </div>
            </div>
        </li>
    </div>

CSS:

#calendar .days li:hover {
    text-decoration: underline;
}

我想给文本加下划线 4，但它只加下划线 Concert.. 当鼠标悬停在 li 上时，如何只在 4 下划线而不在 Concert 下划线？？

Answer 1

试试这个

CSS

#calendar li.day:hover .date{text-decoration:underline;}

Working Fiddle

希望这对您有帮助..