asp.net mvc - 不能在li标签内设计子类

Question

这是我的主页观点：

@model IEnumerable<GigHub.Models.Gig>
@{
    ViewBag.Title = "Home Page";
}

<ul class="gigs">
    @foreach(var gig in Model)
    {
        <li>  

            <div class="date">
                <div class="month">
                    @gig.DateTime.ToString("MMM")
                </div>
                <div class="day">
                    @gig.DateTime.ToString("d ")
                </div>
            </div>

            <div class="details">
                <span class="artist">
                    @gig.Artist.UserName
                </span>
                <span class="genre">
                    @gig.Genre.Name
                </span>
            </div>

        </li>
    }
</ul>

我试图在＆＃34; li＆＃34;中设置所有文字颜色。标记为红色，并在＆＃34;详细信息＆＃34;中设置文本的字体大小。 25px上的类，将其添加到site.css文件中：

.gigs > li{
        color: #ff4342;
}

.gigs > li.details {
    font-size: 25px;
}

颜色发生变化，但不是字体大小。

其他设计＆＃34; .gigs＆gt; li.details {...}＆＃34;不工作。

由于

Answer 1

你想：

.gigs > li .details {
    font-size: 25px;
}

li.details表示li类details。

li .details表示li的所有details等级的孩子。