1

プロパティにその「自己」を参照させたいのですが、LESS でこれを行う方法がわかりません。質問の文言を作るのに苦労しています。基本的には、次のことを達成したいと考えています。

a:visited {
    color: lighten(color, 10%);
}

コンテナによって場所aが異なる場合があります。colordiv

したがって、次のセレクターがある可能性があります。

div#blue-text a {
    color: #00F;
}

div#black-text a {
    color: #000;
}

リンクにアクセスすると、それぞれ明るい青と灰色のリンク テキストが表示されます。

注: これは非常に単純なシナリオですが、私にはもっと複雑なニーズがあります。これを行うためのクリーンな方法があれば、私は幸せなキャンピングカーになるでしょう.

4

1 に答える 1

2

基本的にLESSでも親の色を設定するので、変数に色を格納して参照する形になります。

次に例を示します。

@column1Color: #aaaaaa;
@column2Color: #bbbbbb;
@column3Color: #cccccc;

.columns {
    // set the color of the first column
    .column:nth-child(1) {
        background-color: @column1Color;
        a {
            color: lighten(@column1Color, 10%);
        }
    }
    // set the color of the second column
    .column:nth-child(2) {
        background-color: @column2Color;
        a {
            color: lighten(@column2Color, 10%);
        }
    }
    // set the color of the third column
    .column:nth-child(3) {
        background-color: @column3Color;
        a {
            color: lighten(@column3Color, 10%);
        }
    }
}

LESS は、ハイパーリンクの色が「言われない限り」わかりません。ブラウザーも同様です。リンクされたすべての CSS ファイルを実行しない限り、ブラウザーは色を認識できません。

したがって、あなたが必要としているもの (私の理解が正しければ) は、あなたが考えている方法では実現できません。

于 2012-12-10T04:34:37.173 に答える