CSS 依照兄弟元素來調整你的CSS樣式



說明





這是由 André Luís 文章中提出的。





在這個範例中,允許1~3個相鄰的元素均分整個父元素的寬度。


當然,你也可以透過更改css,來達成不同的樣式,而不只是寬度。



範例



/* 只有一個元素 */  

li:nth-child(1):nth-last-child(1) {

width: 100%;

}

/* 兩個元素 */

li:nth-child(1):nth-last-child(2),

li:nth-child(2):nth-last-child(1) {

width: 50%;

}

/* 三個元素 */

li:nth-child(1):nth-last-child(3),

li:nth-child(2):nth-last-child(2),

li:nth-child(3):nth-last-child(1) {

width: 33.3333%;

}

...






留言

這個網誌中的熱門文章

成人剪舌繫帶聽過嗎?我剪了!!

Scp - ssh 的遠端檔案傳輸指令

MAC有更好用的注音輸入法嗎?有無蝦米嗎?