css - 它在另一个选择器中的可能的 css 选择器

标签 css selector

对不起,但这让我感到困惑,有人知道这是可能的还是不可能的..

#divp {
   background-color: lightgrey;
  .odiv {
      background-color: yellow;
      .pp  { background-color: black;   }
      a { color:red; }
   }
   .pp { background-color: lightgreen;  }
   a { color:blue; }
}

#divw {
   background-color: lightblue;
  .odiv {
      background-color: blue;
      .pp  { background-color: white;   }
      a { color:yellow; }
   }
   .pp { background-color: green;  }
   a { color:lightblue; }
}

我想用内部 css 规则创建 div,我不想一直写同样的东西......就像

#diw .odiv .pp { background-color: white }
#diw .odiv .a { color: white }
#diw .odiv .other { color: blue }

这可能吗?

最佳答案

嵌套选择器是不可能的,但你可能想要检查 CSS 预处理器,它可以让你做到这一点。 http://lesscss.org/例如。

关于css - 它在另一个选择器中的可能的 css 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21835518/

相关文章:

php - 页脚保持在 <div> 的右侧

css - 如何在 CSS 中选择任何以某个单词开头的元素

ios - '#selector' 的参数未引用初始化程序或方法

jQuery :not() issue

javascript - 一段时间后更改线性渐变背景

css - codekit-config.json 不断出现在 Tower 中,有没有人找到使用 gitignore 的永久修复?

css - Twitter Bootstrap 网格 : is it possible to simulate smaller screen by adding class to container?

javascript - 如何从 Google Forms 弹出下拉列表中选择一个选项 Puppeteer NodeJS

jQuery:选择器问题(图片)

objective-c - Cocos2d调度方法中的选择器