HTML表格中沒有<tbody>,CSS中需要添加>tbody>tr?

在看bootstripe源碼的時候發現這個問題,不太理解請大神指點,指點。

為什麼HTML表格中沒有寫&,CSS中需要添加&>tbody&>tr

CSS代碼:

.table-striped &> tbody &> tr:nth-of-type(odd) {

background-color: #f9f9f9;

}

HTML代碼:

&

& &頭部& &頭部& &頭部& & & &單元格& &單元格& &單元格& && &單元格& &單元格& &單元格& && &單元格& &單元格& &單元格& && &單元格& &單元格& &單元格& & &


瀏覽器會自動幫你添加。

就跟如果你不寫 &&&&,瀏覽器會自動幫你添加一樣。

就拿你的代碼來說,這是源碼:

審查元素一下就會發現:


推薦閱讀:

TAG:前端開發 | HTML | HTML5 | CSS3 | 表格 |