CSS+(プラス記号)セレクターの使い方-CSSチュートリアル-php.cn

CSS+(プラス記号)セレクターの使い方

青灯夜游

リリース： 2019-02-12 17:12:29

オリジナル

5453 人が閲覧しました

CSS では、" " シンボルセレクターは、指定された要素の直後にあるが、特定の要素内にない要素を選択するために使用されます。以下の記事で詳しく紹介していますので、皆さんの参考になれば幸いです。

CSS+(プラス記号)セレクターの使い方

" " シンボルセレクター

CSS では、" " シンボルセレクターは相対セレクターと呼ばれます。隣接セレクターは、同じ親要素の下にある指定された要素の直後にある別の要素を選択するために使用されます。 [ビデオチュートリアルの推奨: CSS チュートリアル ]

基本的な文構造:

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

ログイン後にコピー

手順: すべての主要なブラウザがサポートしています。 " シンボルセレクター; ただし、IE8 で実行する場合は、を宣言する必要があります。

#簡単なコード例

次に、その使用方法を示す簡単なコード例を示します。

<!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>

ログイン後にコピー

レンダリング:

CSS+(プラス記号)セレクターの使い方