2013-03-20 23 views
3

是否有任何选项可以根据身材编号为LESS设置某个元素的样式?如何根据身材编号设置LESS的样式

我需要做这样的事情:

@body_about = #about_page; 

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

这个IMG确定指标埋藏深,我不想把它拖到顶部... 是否有任何选项来做到这一点? Thx寻求帮助。

回答

4

这是对你所需要的猜想,根据你对“定义被深深埋藏”的评论以及你对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 */ 

} 
+0

真棒,它的工作完美,很多thx – Lukas 2013-03-20 19:54:32

1

刚嵌套的样式, 我明白的是,你想img在#about_page下有风格。

在这种情况下

你可以在CSS做到这一点

#body_about>img{border:0} 

这将根据标签ID为只应用于img#body_about

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

我希望这会做:)

+0

我已经将这个IMG确定指标深埋我cant't在那里体ID添加... BC我都会有这样的'.class .class .class #body_id> img {}' – Lukas 2013-03-20 10:05:23

+0

为了更好的理解粘贴HTML代码,在回复之前阅读评论,我已经将主体编辑到div,它以两种方式工作,从深埋文件粘贴HTML请 : )与您所指的相同的图像代码。 – MarmiK 2013-03-20 10:14:32

+0

好的,你读过这个话题的标题吗? “如何使用LESS设置样式” – Lukas 2013-03-20 10:19:21

相关问题