当前第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框架？
详解css中优先级和stacking context等高级特性，带你更深入了解css！！
css怎么调整行间距
dedecms怎么修改css
css如何设置td宽度
css如何实现倒计时翻页动画
css最大的优点是什么
css如何使用important
什么是css，其主要作用是什么
css怎么设置div大小
更多相关阅读请进入《+选择器》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » CSS的+(加号)选择器怎么用
