嵌套在CSS3

Question

我很新的CSS和煎茶觸摸2.雖然上煎茶觸摸2部分教程的學習，我看到有這樣的代碼

/* Increase height of list item so title and narrative fit */ 
.x-list .x-list-item { 
    min-height: 10.5em!important; 
    height:7.5em; 
} 
/* Move the disclosure button up to account for the list item height increase */ 
.x-list .x-list-disclosure { 
    position: absolute; 
    bottom: 4.0em; 
    right: 0.10em; 
} 

，CSS文件.x-list .x-list-item一個css嵌套概念和x-list一個類名？ 另外，這個概念純粹是CSS概念還是Sencha Touch概念？

Answer 1

這只是一個純CSS概念，所以這個語法意味着

.x-list .x-list-item 

與被下具有元素類x-list

這同樣適用於第二語法嵌套x-list-item類選擇一個元素。

如果你想使之更加嚴格，你可以使用element.class選擇，所以如果它element.class組合匹配時，將只選擇，因此，如果您採取例如..

使用類似

div.x-list span.x-list-item { 
    /* This will select span only which is having a class 
     x-list-item which is nested under div element having class 
     x-list */ 
}