Anwenden von css-Stil, um Kind-element

Hier ist ein Beispiel

<html>
<head>
    <style>
        .test > input {     //this is wrong.
            color:red;
        }
    </style>
</head>

<body>
    <div class="test">
        <div>
            <input></input>
        </div>
    </div>
</body>
</html>

Was ich will zu tun ist, wenden Sie einen Stil auf input-element. So wählen Sie ein input-element. mit Hilfe von div-css-Stil Namen.

Entfernen Sie einfach >

InformationsquelleAutor Mayank Pandya | 2013-08-13

  1. 11

    können Sie einfach .test input (die gelten für jeden Eingang in <div class="test">).

    Ihre CSS-Datei mit > wählt nur die direkten Nachkommen

    InformationsquelleAutor adnrw

  2. 3
    div.test input{

}

    wird Stil alle Eingänge in der verschachtelten div class test

    div.test input:first-child{

}

    Stil wird nur die erste geschachtelte Eingabe.

    ">" - operator nur auf die Formatvorlagen, die direkt untergeordnete Elemente, so dass es nicht Stil Ihrer Eingaben, da Sie div.test > div > geben, die div zwischen div.testen und Eingang macht es so, dass der Eingang nicht direkt Nachkommen div.test

    Nicht neben - direkter Nachfahre
    danke für die Korrektur

    InformationsquelleAutor chiliNUT

  3. 2

    Wenn Sie wollen, um Stil für Eingabe mit div mit class="test", Sie können tun, wie diese

    <style>
    .test > div > input {
        color:red;
    }
</style>

    InformationsquelleAutor Ashis Kumar

  4. 0

    Als keine der anderen Antworten erwähnt, für diesen speziellen Fall können Sie auch das * - Selektor. Es entspricht Nachkommen, Enkel oder später Nachkommen. Sie würde es in etwa so: .test * input.

    InformationsquelleAutor TheBaj

Schreibe einen Kommentar