国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css - 這種零碎的重復樣式該怎樣寫最優~

瀏覽:100日期:2023-01-30 10:41:00

問題描述

問題解答

回答1:

沒有必要對一個個的零散的重復屬性糾結,而應該把重心放到可重用的模塊上。不然你會越來越無法自拔,題目中開頭那段代碼我覺得就是最好的

回答2:

可以利用js

回答3:

可以花個10分鐘了解一下sass

回答4:

看公共代碼的代碼量 和 功能

假如你有3個元素

.demo1{position: absolute;border: 1px solid #000; } .demo2{position: absolute;border: 2px solid #f55; } .demo3{position: absolute;border: 3px solid #f30; }

它們都有一個公共的postion:absolute;然后你提取出來單獨寫

.demo1,.demo2,.demo3{position: absolute; }

可以看出,這樣毫無意義,就一條代碼,提不提出來都無所謂。。最多增強一點微不足道的可讀性

但是如果是一大串功能性代碼,比如清除浮動,那么肯定要提取出來方便復用,比如SASS的做法:

%clearfix { *zoom: 1; &:before, &:after {display: table;content: ’’; } &:after {clear: both;overflow: hidden; }}

那么隨便你再哪里調用它,比如

.demo1{@extend %clearfix;.....其他代碼}.nav{@extend %clearfix;......其他代碼}sub-nav{@extend %clearfix;......其他代碼}最后都會自動合并為.demo1,.nav,.sub-nav{清除浮動公共代碼}

其實這和JS的function一樣,大量復用的自然做成插件,單獨一句console.log(XXX),雖然也到處寫,難道你還需要給它做成個插件么?直接寫就行了,不用糾結

標簽: CSS
相關文章:
主站蜘蛛池模板: 韩国毛片在线观看 | 手机看片1024久久精品你懂的 | 特黄特a级特别特级特毛片 特黄特黄 | 国产成人免费视频精品一区二区 | 91九色首页 | 成人免费精品视频 | 午夜香港三级a三级三点 | 香蕉午夜| 欧美一级二级三级视频 | 久久精品国产一区二区三区日韩 | 欧美成年 | 欧美一区二区三区播放 | 播播网手机在线播放 | 中文字幕国产一区 | 欧美高清一区二区 | 亚洲一区精品在线 | 亚洲一区二区三区在线播放 | 欧洲亚洲一区 | 久操精品在线 | 亚洲综合成人网在线观看 | 日韩亚洲成a人片在线观看 日韩亚洲精品不卡在线 | 日本黄色大片在线播放视频免费观看 | 一级做a爰片久久毛片免费看 | 国产在线精品一区二区不卡 | 在线日本视频 | 欧美成人一区二区三区在线视频 | 国产性自爱拍偷在在线播放 | 手机在线成人精品视频网 | 国产一级一级毛片 | 欧美同性videos在线可播放 | 日韩美女毛片 | 精品国产品欧美日产在线 | 日韩伦理一区二区三区 | 国产成人综合一区精品 | a黄网站| 91成人精品 | 成年女人免费毛片视频永久 | 国产区一区二区三区 | 97视频免费播放观看在线视频 | 亚洲欧美日韩精品高清 | 男人的天堂视频在线观看 |