国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 国内精品久久久久久久亚洲 | 特黄特黄一级高清免费大片 | 在线精品日韩一区二区三区 | 亚洲免费在线观看 | 亚洲夜色| 亚洲成人一区二区 | 日本视频在线免费观看 | 亚洲精品成人av在线 | 特级毛片8级毛片免费观看 特级毛片免费观看视频 | 国产成人精品福利网站在线 | 成人午夜在线 | 国内自拍视频在线看免费观看 | 一级做性色a爰片久久毛片免费 | 亚洲欧美在线综合一区二区三区 | 91视频综合网 | 草草视频在线观看最新 | 手机看黄av免费网址 | 亚洲欧美大片 | 成年女人免费看片 | 国产高清一区二区三区视频 | a高清免费毛片久久 | 亚洲国产日韩欧美一区二区三区 | 国产精品自拍在线 | 韩日一级片 | 九九亚洲精品 | 扒开两腿猛进入爽爽视频 | 窝窝午夜精品一区二区 | 99热.com| 亚洲欧美成人综合 | 99久久精品久久久 | 无内丝袜透明在线播放 | 小草青青神马影院 | 亚洲三级在线免费观看 | 成人免费在线播放视频 | 亚洲九九夜夜 | 在线成人免费观看国产精品 | 国产成人免费视频精品一区二区 | 在线播放日韩 | 91精品网站 | 手机看片神马午夜片 | 国产免费黄色网址 |