在CSS中“+”符號選擇器用于選擇緊跟在指定元素之后但不在特定元素內部的元素。下面本篇文章就來具體介紹一下,希望對大家有所幫助。
“+”符號選擇器
在CSS中“+”符號選擇器被稱為相鄰兄弟選擇器,用于選取在同一父元素下的,緊跟指定元素之后的另一個元素。【視頻教程推薦:CSS教程】
基本句式:元素E + 元素F{
//CSS屬性
}
說明:所有主流瀏覽器都支持“+”符號選擇器;但在IE8中運行,必須聲明 。
簡單代碼示例
下面通過簡單代碼示例來看看具體如何使用的。
“+”符號選擇器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;
}
PHP
HTML
CSS
Javascript
MySQL
效果圖:
可以看出,h2+div{}是選擇緊跟h2元素之后的第一個div元素,并為其添加樣式。
以上就是本篇文章的全部內容,希望能對大家的學習有所幫助。更多精彩內容大家可以關注php中文網相關教程欄目!!!