当前位置: 首页 > 面试题库 >

嵌套CSS类

郭阳曜
2023-03-14
问题内容

我可以做以下事情吗?

.class1{some stuff}

.class2{class1;some more stuff}

问题答案:

香草CSS不可能。但是,您可以使用类似:

Sass使CSS再次变得有趣。Sass是CSS3的扩展,添加了嵌套规则,变量,mixins,选择器继承等。使用命令行工具或网络框架插件将其转换为格式良好的标准CSS。

要么

不用构造长的选择器名称来指定继承,在Less中,您可以简单地将选择器嵌套在其他选择器中。这样可以使继承更清晰,样式表更短。

例:

#header {
  color: red;
  a {
    font-weight: bold;
    text-decoration: none;
  }
}


 类似资料:
  • css中重复写选择器是非常恼人的。如果要写一大串指向页面中同一块的样式时,往往需要 一遍又一遍地写同一个ID: #content article h1 { color: #333 } #content article p { margin-bottom: 1.4em } #content aside { background-color: #EEE } 像这种情况,sass可以让你只写一遍,且

  • 问题内容: 我正在使用LESS改进我的CSS,并试图将一个类嵌套在一个类中。层次结构相当复杂,但是由于某种原因,我的嵌套无法正常工作。我有这个: 我无法上班。它只是显示位。如果我这样做就可以了: 我想窝在虽然。有任何想法吗? 问题答案: 该角色具有的功能关键字,居然(事我不知道在写答案的时刻)。可以这样写: 并且将生成的CSS如下所示: 作为记录,@ grobitto是第一个发布此信息的人。 [原

  • Grouping Selectors 在样式表中有很多具有相同样式的元素。h1 { color:green; } h2 { color:green; } p { color:green; } 为了尽量减少代码,你可以使用分组选择器。 每个选择器用逗号分隔. 在下面的例子中,我们对以上代码使用分组选择器:h1,h2,p { color:green; } 嵌套选择器 它可能适用于选择器内部的选择器的样

  • 我在根容器的第二个flex项中有一个嵌套的flex容器的行布局。我希望嵌套的flex容器是其父容器使用高度的100%。 下面是演示这个问题的小提琴:http://jsfidle.net/2zdue/316/ 如果我为嵌套的flex容器设置一个显式的高度,那么一切都正常工作。 如何告诉嵌套容器自动填充其容器的垂直空间?

  • 问题内容: 跨浏览器的支持似乎有所不同。 检查链接] Firefox:黑底白字。 Opera,Chrome,IE9:蓝色,黑色文字。 哪个是正确的,我将如何使其一致? 编码 ​ 有趣的是,似乎在条件中嵌套媒体查询似乎确实有效。 例如: Index.html importer.css media.css 问题答案: 对于那些只是寻找“哪些浏览器支持@media规则嵌套?”答案的人,简短的答案是所有现

  • 问题内容: 较少使用运算符来增强嵌套]的可能性。 这会导致用父选择器替换,并导致实际选择器的权利与父选择器相结合:而不是常规附加,这将导致后代:。 现在,还可以执行以下操作: 这将导致以下结果:在此处尝试。发生替换,并且我在父选择器之前 添加 了一个选择器()。 除了我永远不会以这种方式编写代码这一事实之外,因为这可能会立即使您的样式表混乱,我的问题是: 由于未记录此功能,因此它是功能还是更可能是