热门关键字:
jquery > jquery教程 > jquery教程 > html 中加号的表示方法,CSS的+(加号)选择器怎么用

html 中加号的表示方法,CSS的+(加号)选择器怎么用

248
作者:管理员
发布时间:2021/7/21 16:38:03
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5123
  在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;


  }


  HTML


  Javascript


  MySQL


  效果图:


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




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐