当前第2页 返回上一页
下面通过简单代码示例来看看具体如何使用的。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <!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元素，并为其添加样式。
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！
以上就是CSS的+(加号)选择器怎么用的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css如何清除定位
html中css代码放哪里
css多级菜单的实例代码讲解
css中px和pt的区别是什么
css中怎么将div居中显示图片
css怎么设置tr间距
手把手教你使用css自定义好看的滚动条样式！
css教程
使用css实现皮卡丘
css column-rule-width属性怎么用
更多相关阅读请进入《+选择器》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » CSS的+(加号)选择器怎么用
