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

CSS的+(加号)选择器怎么用,第1张

概述在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)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的CSS的+(加号)选择器怎么用全部内容,希望文章能够帮你解决CSS的+(加号)选择器怎么用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1095857.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存