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

前端之家收集整理的这篇文章主要介绍了CSS的+(加号)选择器怎么用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。

在 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 元素,并为其添加样式。以上就是 CSS 的+(加号)选择器怎么用的详细内容,更多请关注创客云其它相关文章

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的HTML相关文章