Question

是否有任何选项可以根据使用LESS的正文ID为某个元素设置样式？

我需要做这样的事情：

@body_about = #about_page;

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

这个img的定义深埋，我不想把它画到......的顶部... 有没有选择这样做？谢谢你的帮助。

Answer 1

根据您对“定义深深埋藏”的评论以及您对MarmiK答案的第一次评论，这是您所需要的猜想。如果我离开你需要的地方，请告诉我，我会删除我的答案。

<强> LESS

.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 */

}

Answer 2

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

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

#body_about>img{border:0}

这仅适用于标识为img

的标记下的#body_about

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

我希望这样做：）

如何根据body id设置LESS样式

2 个答案: