3

LESSを使用してボディIDに従って一部の要素のスタイルを設定するオプションはありますか？

私はこのようなことをする必要があります：

@body_about = #about_page;

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

このimgの定義は深く埋もれていて、一番上に描画したくありません...これを行うオプションはありますか？ヘルプのためのThx。

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

スタイルをネストするだけです。＃about_pageの下にあるときにimgにスタイルを持たせたいということです。

その場合、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 に答える