So verwenden Sie den CSS + (Pluszeichen)-Selektor-CSS-Tutorial-php.cn

So verwenden Sie den CSS + (Pluszeichen)-Selektor

青灯夜游

Freigeben： 2019-02-12 17:12:29

Original

5453 Leute haben es durchsucht

In CSS wird der „+“-Symbolselektor verwendet, um Elemente auszuwählen, die unmittelbar auf das angegebene Element folgen, sich aber nicht innerhalb des spezifischen Elements befinden. Im folgenden Artikel wird es ausführlich vorgestellt. Ich hoffe, dass es für alle hilfreich ist.

So verwenden Sie den CSS + (Pluszeichen)-Selektor

Der „+“-Symbolselektor

Der „+“-Symbolselektor wird in CSS It aufgerufen ist ein benachbarter Geschwisterselektor, der verwendet wird, um ein anderes Element unter demselben übergeordneten Element auszuwählen, das unmittelbar auf das angegebene Element folgt. [Video-Tutorial-Empfehlung: CSS-Tutorial]

Grundlegende Satzstruktur:

元素E + 元素F{
 //CSS属性
}

Nach dem Login kopieren

Anleitung: Alle gängigen Browser Das „ Der Symbolselektor „+“ wird unterstützt; bei der Ausführung in IE8 muss jedoch deklariert werden.

Einfaches Codebeispiel

Das Folgende ist ein einfaches Codebeispiel, um zu sehen, wie man es verwendet.

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8">
        <title>“+”符号选择器</title> 
        <style> 
        body { 
                text-align:center; 
            } 
            h1 { 
            color:red; 
            } 
            div{
            font-size:25px; 
            }
            h2+div { 
                font-size:20px; 
                font-weight:bold; 
                display:inline; 
                background-color: yellow; 
                color:green; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>PHP</h1> 
            <div>HTML</div> 
            <h2>CSS</h2> 
            <div>Javascript</div> 
            <div>MySQL</div> 
    </body> 
</html>

Nach dem Login kopieren

Rendering:

So verwenden Sie den CSS + (Pluszeichen)-Selektor

Es ist ersichtlich, dass h2+div{} das erste div-Element ist, das unmittelbar nach dem h2-Element ausgewählt wird, und Fügen Sie Stile hinzu.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere spannende Inhalte finden Sie in den entsprechenden Tutorial-Kolumnen auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie den CSS + (Pluszeichen)-Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!