3

私はいくつかのPHPと組み合わせて次のHTMLを持っています：

echo "<a href='" . $_SERVER["PHP_SELF"] . "?guess=" . $value . "' class='already-guessed'>" . $value . "</a>\n";

クラスが示すように、すでに推測されている場合は、特別なクラスを適用します。それが推測されていない場合、私はこれを持っています：

echo "<a href='" . $_SERVER["PHP_SELF"] . "?guess=" . $value . "'>" . $value . "</a>\n";

そしてこれは関連するCSSです：

.letters a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 3px 6px 0;

    background: #5ac9ff;
    color: #fff;
    line-height: 2.5em;
    text-align: center;
    text-decoration: none;
}

    .letters a:nth-child(10n) {
        margin: 0 0 8px 0;
    }

    .letters a:hover {
        background: #54bff3;
    }

    .letters a:active {
        background: #4fb4e4;
    }

.already-guessed {
    background: green;
}

だから私はそれがすべてのアンカーを検出するようにします。

4

1 に答える 1

3

アンカーのセレクターが優先されます。.already-guessedクラスのコードを次のように変更します。

.already-guessed {
    background: green !important;
}

または、必要に応じて、セレクターを更新します。

.letters a.already-guessed {
    background: green;
}
于 2013-02-17T20:42:26.587 に答える