“+”标记挑选器
在CSS中“+”标记挑选器被称为相邻兄弟挑选器,用于拔取在同一父元素下的,紧跟指定元素以后的另一个元素。【视频教程引荐:CSS教程】
基础句式:
元素E + 元素F{ //CSS属性 }
申明:一切主流浏览器都支撑“+”标记挑选器;但在IE8中运转,必需声明 <!DOCTYPE>。
简朴代码示例
下面经由过程简朴代码示例来看看细致怎样运用的。
<!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>
效果图:
能够看出,h2+div{}是挑选紧跟h2元素以后的第一个div元素,并为其增加款式。
以上就是本篇文章的全部内容,愿望能对人人的进修有所协助。更多精彩内容人人能够关注ki4网相干教程栏目!!!
以上就是CSS的+(加号)挑选器怎样用的细致内容,更多请关注ki4网别的相干文章!