[css] 舉例說明:not()的使用場(chǎng)景有哪些

/* 子級(jí)之間留 10px 空隙 */ .gap-right-10 > :not(:last-child) {margin-right: 10px; }/* 有數(shù)據(jù)時(shí)加上標(biāo)題 */ .list-wrap:not(:empty):before {content: attr(data-title); }/* flex 容器中都不壓縮寬度 */ .flex-row {display: flex;align-items: center;& > .grow { flex-grow: 1; }& > :not(.grow) { flex-shrink: 0 } }

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[css] 举例说明:not()的使用场景有哪些的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。