文章詳情頁
css - :nth-child(n)選擇器中的n可不可以引用到屬性中？
瀏覽：59日期：2023-08-03 09:22:59
問題描述
如果是原生的CSS（不使用編譯器）可不可以達到這樣的效果？或者有沒有哪個屬性或方法是可以使數值與n相關的？
.box:nth-child(n){ -webkit-animation-delay:n s; animation-delay:n s;}
問題解答
回答1：在原生的基礎上，部分 Firefox 瀏覽器可以實現 CSS 變量
element { --animation-delay: 3s;} .box:nth-child(n) {-webkit-animation-delay: var(--animation-delay);animation-delay: var(--animation-delay);}
詳情看 MDN 的文檔 https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
回答2：不行nth-child(n) 中的n可以是an+b形式，或odd，even或數字，所以不應該被作為變量使用你要實現的效果應該用js實現或者可以使用一些支持變量的css預處理語言
標簽：
CSS
相關文章：
1. python - Django問題 ’WSGIRequest’ object has no attribute ’user’2. javascript - js 對中文進行MD5加密和python結果不一樣。3. python - 我已經連上了美國的VPN，而且在瀏覽器里查看的game排行也是美國的，可是為啥我用代碼怎么爬都是中國地區排行4. mysql - 我用SQL語句 更新 行的時候,發現全部 中文都被清空了,請問怎么解決?5. python小白，問一個關于可變類型和不可變類型底層的問題6. python - Django前臺url未能正確訪問方法求助？7. python - 請問matplotlib.pyplot.save的路徑如何更改8. 數據庫 - mysql boolean型無法插入true9. mysql - SQL問個基礎例子,書上的,我怎么看都看不懂..誰幫我解釋一下第2個為什么和第1個一樣?10. mysql服務無法啟動1067錯誤，誰知道正確的解決方法？
排行榜
網公網安備