3

是否有任何选项可以根据带有 LESS 的 body id 为某些元素设置样式？

我需要做这样的事情：

@body_about = #about_page;

img when (isclass(@body_about)){
   // some style
}

这个 img 定义被深深地埋没了，我不想把它画到……有什么选择吗？谢谢帮助。

4

2 回答 2

5

这是基于您对“定义深埋”的评论以及您对 MarmiK 的回答的第一条评论而对您需要什么的推测。如果我与您在这里需要的东西相去甚远，请告诉我，我将删除我的答案。

较少的

.someClass1 {
  .someClass2 {
    .someClass3 {
      img {
        /* normal code */
        #about_page & {
          /* about page code */
        }  
      }     
    }
  }
}

CSS 输出

.someClass1 .someClass2 .someClass3 img {
  /* normal code */

}
#about_page .someClass1 .someClass2 .someClass3 img {
  /* about page code */

}
于 2013-03-20T14:40:16.207 回答
1

只是嵌套样式，我的理解是，您希望 img 在#about_page 下具有样式。

在这种情况下，您可以在 css 中执行此操作

#body_about>img{border:0}

这将仅应用于img带有 ID 的标签下#body_about

 <div id="body_about"> /* this can be any tag <body> or <div> or... */
   <img src="" alt="" />
 </div>

我希望这会做:)

于 2013-03-20T09:54:18.733 回答