我有一个article使用的类和section HTML5标签。如何在LESS CSS嵌套类上指定html标记?

在主页:


在项目页面:


与类出口每个元素都有一个内置figure HTML5元素。 With Less,我使用这段代码来做我想做的事。

article.exit{width:260px; height:200px; top:315px; left:505px;

figure{background-color:@exit-bg;}

.box:hover{.perspective-box(se, 10, @exit-shadow);}

}

section.exit{

.box:hover{.perspective-box(nw, 10, @exit-shadow);}

.intro figcaption:hover{background:@exit-hover;}

}

但我必须说明,如果它是一个article或section!我有很多这样的课程,这有点烦人...

有没有解决方案来做这样的事情?这将是非常酷......

.exit{

&article{

width:260px; height:200px; top:315px; left:505px;

figure{background-color:@exit-bg;}

.box:hover{.perspective-box(se, 10, @exit-shadow);}

}

&section{

.box:hover{.perspective-box(nw, 10, @exit-shadow);}

.intro figcaption:hover{background:@exit-hover;}

}

}

2012-09-24

flks

+0

CSS不支持嵌套。如果确实如此,它会非常方便,但W3C并不是为了让人们变得轻松。 –

+2

是的,但我使用LESS CSS,它接受这个嵌套...也许不是我搜索的,但它的工作原理。 http://lesscss.org/#-nested-rules –

如何在html指定css,如何在LESS CSS嵌套类上指定html标记?相关推荐

  1. 在html中标记中可以嵌套标记,如何在LESS CSS嵌套类中指定html标记?

    我有一个用于文章和 HTML5标签的类. 在家里: - 在项目页面上: - - 具有类exit的每个元素都在里面有一个数字HTML5元素.使用Less,我使用此代码来执行我想要的操作. article ...

  2. css网格_使用CSS网格构建的澳大利亚初创企业的周期表

    css网格 by Shooting Unicorns 通过射击独角兽 使用CSS网格构建的澳大利亚初创企业的周期表 (The Periodic Table of Australian Startups ...

  3. 如何在Angular 2项目中使用Bootstrap css库

    https://gxnotes.com/article/44391.html 如果您使用Angular-CLI来生成新的项目,那么还有另一种方法可以在角度2/4中使用引导. 通过命令行界面导航到项目文 ...

  4. html5在li中添加按钮,如何在html5blank_nav()中的ul和li中添加类?

    我尝试在ul li中添加类, 以及如何在html5blank_nav()使用html5blank模板时在ul和li上添加类.如果在html5blank_nav()使用html5blank模板, 如何在 ...

  5. 超细的CSS学习笔记(CSS详解)

    复习CSS时记录的笔记. 从最基本的 CSS 概念开始,复习如何使用 CSS 同时控制多重网页的样式和布局.同时涉及最新版本 CSS3 的内容,掌握新的标准化组件. 文章目录 一.CSS介绍 1.CS ...

  6. html 清理 多余 样式,webpack去除冗余css样式删除多余css

    webpack打包css时,一般时压缩css,但css有很多用不到类和属性,有什么办法可以除冗余css样式删除多余css,特别是在使用一些bootstrap的前端框架时,可使用purifycss和Pu ...

  7. html怎么建立css文件,怎么创建css文件

    如何新建css文件文件→新建→css文件,建好之后,在html文档中将其引入: 希望对你有帮助,望喜欢. css怎么建立外部样式表? 建立外部样式表很简单,就在html的head里写 至于你上边说的一 ...

  8. 【Hello CSS】第一章-CSS的语法与工作流

    作者:陈大鱼头 github: KRISACHAN 在上一篇[Hello CSS]的序章CSS起源中介绍了CSS的诞生原因以及发展历史,了解了CSS的存在意义.从正篇篇开始将会正式开始介绍CSS这门语 ...

  9. css 选择器(标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器)

    css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类 标签选择器 类选择器 层级选择器(后代选择器) id选择器 组选择器 伪类选择器 通配符选择器 标 ...

最新文章

  1. 图像处理中的秩、低秩、稀疏
  2. java 抽象类 final_final/抽象类/interface
  3. 超简单的Tomcat安装过程
  4. 基于JAVA+SpringMVC+Mybatis+MYSQL的政务信息管理系统
  5. centos php 开启mysql扩展_CentOS 7下部署php7.1和开启MySQL扩展的方法教程
  6. 第一节:Scrapy开源框架初探
  7. php ayyay,在PHP中使用Redis
  8. Java实验报告(基础练习、选择循环、数组、字符串及类和对象)
  9. mysql建立唯一索引升序_MySQL数据库SQL优化技巧六之唯一索引
  10. 微信小程序自定义弹窗
  11. [转载]样式表编写效率手册 [ 日期:2004-10-15 ] [ 来自:Plod ]
  12. word中mathtype公式编辑
  13. mysql 水平分区_MySQL水平分区,垂直分区
  14. ostu阈值分割python实现_opencv python 图像二值化/简单阈值化/大津阈值法
  15. ipqc的工作流程图_品质部各人员工作流程图
  16. 一个程序员的奋斗历程(偶像程序员)
  17. 网络基础之Wireshark抓包逐行含义
  18. 西安电子科技大学-信号与线性系统大作业-歌曲人声消除
  19. 1.Java基本数据类型【草案】
  20. 从公司管理到IT审计

热门文章

  1. OPPO K3将登陆印度市场 高性价比能否占据一席之地
  2. 周鸿祎卸任奇安信董事 后者具备上市条件
  3. 贝叶斯分类器与贝叶斯网络
  4. GridView xml中设置android:focusable=false无效的原因
  5. ibdata1 mysql_ibdata1 mysql-bin
  6. 我的内核学习笔记5:proc目录文件创建及读写
  7. Linux下弹出CDROM的程序(参考网上程序)
  8. simulink和psim仿真结果不同_(格麟倍)航空航天零件硬铬电镀工艺专业仿真评估工具...
  9. 【java】 java 反序列化过滤器 ObjectInputFilter
  10. 【java】为什么 HashMap 的加载因子是0.75?