简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Artikel  >  hujung hadapan web  >  CSS的+(加号)选择器怎么用

CSS的+(加号)选择器怎么用

青灯夜游
青灯夜游asal
2019-02-12 17:09:595516semak imbas

在CSS中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下，希望对大家有所帮助。

CSS的+(加号)选择器怎么用

“+”符号选择器

在CSS中“+”符号选择器被称为相邻兄弟选择器，用于选取在同一父元素下的，紧跟指定元素之后的另一个元素。【视频教程推荐：CSS教程】

基本句式：

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

说明：所有主流浏览器都支持“+”符号选择器；但在IE8中运行，必须声明 1a309583e26acea4f04ca31122d8c535。

简单代码示例

下面通过简单代码示例来看看具体如何使用的。

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

效果图：

2.jpg

可以看出，h2+div{}是选择紧跟h2元素之后的第一个div元素，并为其添加样式。

以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！

Atas ialah kandungan terperinci CSS的+(加号)选择器怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php css 选择器
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：background-repeat 怎么使用Artikel seterusnya：font-family属性怎么使用

Artikel berkaitan

Lihat lagi