在 2 个类（HTML、CSS）的 li 中选择一个类答案

【问题标题】：Select one class within li of 2 classes (HTML, CSS)在 2 个类（HTML、CSS）的 li 中选择一个类
【发布时间】：2017-12-27 02:25:13
【问题描述】：

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 下划线？？

【问题讨论】：

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

标签： html css class html-lists

【解决方案1】：

试试这个

CSS

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

Working Fiddle

希望这会有所帮助..

【讨论】：

【解决方案2】：

最简单的解决方法是在具有类：“日期”的 div 中添加 style=" text-decoration: underline;"。但是如果你没有，你应该在样式表中这样做^^

【讨论】：

【解决方案3】：

使用以下内容：

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

【讨论】：

【解决方案4】：

用途：

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

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

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

【讨论】：