我刚刚注意到Webkit现在对CSS Values and Units Module Level规范有一些支持。我想知道是否有人知道是否有方法从CSS选择器引用另一个CSS选择器(或DOM样式)属性?CSS选择器可以引用另一个选择器属性吗?

我在期待类似this这样的答案。对于当前的浏览器实现,我所知道的最有可能是这种情况;但请继续阅读...

例如,在动画可能会调整一个元素的情况下(注意的${.element2.width}是虚构的语法):

.element1 {

.width: /*-webkit-,-o-,-moz-*/calc(80% - ${.element2.width});

}

.element2 {

.width: 100px;

}

.element2:hover {

width: 200px;

transition: all 0.4s ease-in-out;

}

在这种情况下,我会期待。 element1的宽度将根据由.element2上的悬停事件触发的转换重新计算。

我意识到上述规范。只是一个工作草案,但也许在另一个规范中定义了引用这种“引用选择器属性”的语法。我还没有发现?或者干脆不要担心(感谢一个被忽视的工作)?

提前感谢您花时间阅读,更不用说回答问题。

+0

编号...使用SASS,LESS或Stylus(谷歌是你的朋友) –

+0

不,这不是CSS选择器的工作方式,也不可能是'calc()'支持引用级联中的另一个属性,更不用说另一个财产完全不同的规则。 –

调用css样式是不调用某个属性,CSS选择器可以引用另一个选择器属性吗?相关推荐

  1. php html5 css样式,怎么在html页面写css样式表

    本教程操作环境:windows7系统.html5和css3版,该方法适用于所有品牌电脑. 在html页面写css样式表 1.首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css ...

  2. 前端开发审查元素时CSS样式有个横线(该CSS样式定义后无效) 的解决办法

    问题概述 关于这个问题,博主是在前端开发,样式调试的时候遇到的, 进行盒模型,CSS Debugger调试时,遇到样式设值后不可用的情况! 如下图: 解决办法 左看右看,上看下看,最终发现是前面在编码 ...

  3. 在HTML中 表示内嵌CSS样式的标记,html怎么加css样式

    html怎么加css样式?下面本篇文章就来给大家介绍一下在HTML中添加CSS样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.行内式(使用style属性,在HTML标 ...

  4. css样式如何设置边框,阴影,渐变等特效以及通过box-sizing属性设置盒子模型,背景区域设置等

    今天,我继续来和大家聊聊css3. 在css3中,新增了很多样式,使得页面更加的美观,效果更加的优秀. 但是,同样要注意的是,很多css3提出的新样式没有得到浏览器的支持,也就意味着有一部分的css3 ...

  5. html可以用多个css样式吗,关于多个页面css样式表问题

    CSS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成"公共型样式".&q ...

  6. css样式 数据展示,教程:使用CSS设置数据样式

    为状态层创建样式¶ 默认的SLD文件 states 层如下: version="1.0.0" xmlns="http://www.opengis.net/sld" ...

  7. css 样式三元运算_20条书写CSS代码的建议

    在这篇文章中,我想跟你分享 20 条由 CSS 社区推荐的约定和最佳实践.有些建议可能比较适合新手,而有些则更高级一些,但我希望每个人都可以在本篇文章中收获自己不知道的知识.01.谨慎使用外边距属性与 ...

  8. html中引入css样式表的三种方式,css引用的几种方式是什么?

    HTML怎么引用CSS样式?css引用的几种方式是什么?下面本篇文章就来给大家介绍一下在HTML中引用CSS样式的几种方法,希望对大家有所帮助. 1.行内式 在HTML标签中,使用style属性设置C ...

  9. html刷新css样式,让IE浏览器即时刷新CSS样式_HTML与CSS教程_电脑知识学习_培训之家...

    让IE浏览器即时刷新CSS样式为http://www.pxzj8.com整理发布,类型为HTML与CSS教程,本站还有更多关于html与css教程,css教程,html网页设计教程,css视频教程,c ...

  10. wordpress文章添加css样式,给WordPress文章循环加上CSS类方便实现各种页面布局

    在做WordPress主题开发的时候,为了帮助实现布局,我们经常需要给网站存档页的文章循环加上一些CSS类,看一下下面的例子,我们需要实现一个每行4列的图片布局,我们使用左浮动的方式,给每张图片定义一 ...

最新文章

  1. BOOST_SCOPE_EXIT宏相关的测试程序
  2. all()是python内置函数吗_Python内置函数all(),python
  3. 在服务器上安装anaconda遇到的问题总结
  4. Jedis的使用及SpringBoot整合Redis
  5. 微信警告小游戏“分享滥用”;小米千亿估值再被下调;Facebook 最大规模重组 | CSDN 极客头条...
  6. 【数据结构笔记25】判断Code[]是否为Huffman Codes,或是否为WPL最小编码
  7. 完美解决github访问速度慢
  8. javascript焦点图自动播放
  9. Python path
  10. mysql管理系统需求分析_教学管理系统需求分析报告
  11. 犀牛6.0grasshopper翻译插件_Rhino 6.0犀牛三维建模 软件下载安装包教程(附下载方法)...
  12. 什么是万物互联(IoE)?与物联网(IoT)的区别是什么?
  13. django商城项目之历史浏览记录
  14. 如何用小程序玩转裂变?你要的小程序裂变营销都在这里
  15. Arm加入龙蜥社区并成为理事单位,国内开源再添国际新力量
  16. SpringMVC的 transferTo使用
  17. 打听别人工资的7个话题,让你薪水更高
  18. 龙果最新微服务架构的分布式事务解决方案视频课程(31课全)
  19. USB/TTL/RS232/RS485
  20. java实现来电弹屏_屏信小编告诉你呼叫中心的来电弹屏有哪些功能

热门文章

  1. KendoUI 基础:Grid 绑定template展示
  2. 汇编 学到哪里写哪里——栈
  3. onload 事件、DOMContentLoaded事件、DOM加载顺序
  4. Extjs使用(最最基础)
  5. 智能优化算法:野狗优化算法 - 附代码
  6. MATLAB 绘图基础
  7. python的range和linspace
  8. 遥感基础编程语言IDL介绍
  9. 【劲峰论道时空分析技术-学习笔记】1 时空数据和时空变量时空过程和时空机理
  10. 【统计分析】1 P值和Z得分