のasp.net MVC - のliタグ内に子クラスを設計することはできません

Question

これは私のホームビューです：私は赤に「LI」タグ内のすべてのテキストの色を設定しようとしている

@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> 

、およびセット

.gigs > li{ 
     color: #ff4342; 
} 

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

色の変化ではなく、フォントサイズ：ファイルをsite.cssするために、これを追加することによって、25ピクセルの「詳細」クラス内のテキストのフォントサイズ、。

他のデザインは ".gigs> li.details {...}"で動作しません。あなたが欲しい

おかげ

Answer 1

は：

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

li.detailsはdetailsのクラスにliを意味します。

li .detailsは、liの子を意味し、クラスはdetailsです。