覆盖多属性css声明的一部分

CSS 2019-08-05

如果我有声明：

h1 {
  background-image: url(a.png),-webkit-linear-gradient(transparent,black),url(b.png);
}

是否有可能只覆盖多个值的一部分,即(伪代码)：

h1.foo {
  background-image: default,default,url(c.png);
}

最佳答案

不是现在.您可以执行以下操作(在后台速记中更改单个属性的值)：

.foo {
    background: url('...') 50% 50% no-repeat,url('...') 50% 50% no-repeat,url('...') 50% 50% no-repeat;
}

.foo {
    background-position: 50% 50%,75% 75%,50% 50%;
}

但无论你如何解决它,你总是要声明每个背景图像;你还不能使用’inherit’作为多个背景图像.

IE浏览器兼容性调整总结技巧

前言最近项目做完，用户需要兼容IE，于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...

css属性总结

前言有些属性不是很常用，但是工作中遇到了，记录一下，方便学习。 1、text-indent text-indent 属性规...

政府网站公祭日，如何使网站整体变灰

前言政府网站会遇到公祭日的时候，网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...

css实现图片动画效果

需求项目里有个消息中心，当有消息的时候，小铃铛图标可以晃两下，提示当前有信息。实现过程书写css...

css实现文字渐变

html代码 css代码效果图

[css] 使用css画文件夹icon和话筒icon

在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...

覆盖多属性css声明的一部分

相关文章