1、实现网站换肤功效,一样平常更先想到的是用全局class控制样式切换
瑕玷:全局控制CSS,在项目不大,换肤样式不多的情况下,还能委曲够用。然则换肤样式许多的话,代码会异常臃肿,不利于维护。
2、切换引入CSS样式的href属性值,来到达切换样式的目的。
<link id="skin" rel="stylesheet" href="/go/?url=./skin/skin.css" class="e7bd-8cc7-55a7-c31e target" rel="external nofollow"> document.querySelector(‘#skin‘).href = ""
瑕玷:使用 *** 改变href属性会带来加载延迟,样式切换不流通的坏处。
3、通过 *** 替换CSS文件中换肤样式的属性值来实现换肤。
样式多的话代码会臃肿,样式切换不流通
瑕玷:IE兼容性差
4、在翻阅CSS MDN的时刻,发现link标签的rel属性有一个alternate属性值可以实现控制CSS加载。
4.1、没有title属性,rel属性值仅仅是stylesheet的<link>会默认加载并渲染
4.2、有title属性,rel属性值仅仅是stylesheet的<link>作为默认样式CSS文件加载并渲染,如:theme-default.css
4.3、有title属性,rel属性值同时包罗alternate stylesheet的<link>作为备选样式,CSS文件会加载但默认不渲染。如:theme-wsjd.css
alternate是一个异常有意思的特征,我们可通过 *** 控制该CSS是否渲染,使用JavaScript修改<link>,米素DOM工具的disabled值为false,可以让默认不渲染的CSS更先渲染,设为true则不渲染。
1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
中新网客户端北京1月8日电(谢艺观)近期,更美被多位明星起诉,给医美行业的2019年画上了一个不完美的句号。行业事故频频,监管出手整治,医美行业进入洗牌期,一年中就有数千家医美机构倒闭。 虚假宣传啃...
7月1日,规模100亿的全国版消费券正式开始发放。每天早上8点、中午12点,用户上支付宝搜“717”就可以领取,每次可一键领取3张,分别为10-2、30-5、60-10,可以连续领17天,当天领券,当...
我有一个客人每次都对她岳父很生气,因为每次她和丈夫吵架,客人都渴望她岳父公平,看到她的委屈,公平地评判她的丈夫和自己,但每次都无一例外,她很失望:因为她的公公婆婆总是选择站在丈夫一边,像一个家庭一样组...
现代人不缺少好看的商品、好看的衣服,但缺少艺术化商品及艺术化的购物氛围。新晋时装品牌ROUTE SIX和侗艺间·法国馆Artouse艺术共享空间携手合作,于2021年1月27日一起举办了一场线下零售艺...
刚刚,财政部发布关于《中华人民共和国印花税法(征求意见稿)》向社会公开征求意见的通知。公众可以在2018年11月30日前提出意见。 划 重 点: 《征求意见稿》作出调整的税率包括: 将《暂行...
本文导读目录: 1、自己不懂手机 把自己苹果手机卖了 告诉了对方id密码 然后里边有自己的个人隐私 以及号码信 2、苹果手机会被黑客入侵吗? 3、苹果手机被黑客远程控制怎么办? 4、我想知...