css比较特殊选择器汇总（持续更新）

1、css选择器中加号（+）是啥意思？

　　加号（+）为：相邻同胞选择器，如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器(Adjacent sibling selector)

如图：

我们经常见到页面上方的导航，用“/”分隔开，这个时候我们就可以考虑使用相邻兄弟同胞选择器，

样式写法类似如：li+li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}，表示li的紧接的li的前面加入样式‘/’,并且这两个li有共同的父元素。所以除了第一个外其他的li的前面都会加入‘/’,（这里用到了before，可以看我的另一篇博客，关于before after伪元素的介绍。https://www.cnblogs.com/lixianfu5005/p/9411250.html）。

上述图片样式完整代码如下：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>checkbox css change</title><style type="text/css">.breadcrumb>li {display: inline-block;}.breadcrumb>li+li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}</style>
</head><body><ol class="breadcrumb"><li><a href="#">Home</a></li><li><a href="#">class0</a></li><li><a href="#">class1</a></li><li><a href="#">class2</a></li><li><a href="#">class3</a></li><li class="active">Data</li></ol></body></html>

View Code

后续会继续更新特殊的css选择器。

转载于:https://www.cnblogs.com/lixianfu5005/p/9458232.html

css比较特殊选择器汇总（持续更新）相关推荐

html css js知识整理,Html+Css+Js实用知识汇总(持续更新中...)
Html篇基本概念: html:超文本标记语言(Hyper Text Markup Language) html5:下一代的html xhtml:更严谨更纯净的html 表头网站标题 //页面编码 ...
【帆软报表】使用技巧及常见问题汇总-持续更新
[帆软报表]使用技巧及常见问题汇总-持续更新 1.重复与冻结设置,做用:冻结区域模板-重复与冻结设置 2.单元格有效小数设置选中单元格-格式-数字-#0.00 3.图表中有效小数设置图表属性表- ...
iOS精品资源汇总(持续更新)
文章目录引言 I.iOS自定义视图相关热门资源 1.1 <用户协议及隐私政策>弹框 1.2 电子签名 1.3 商品详情页 1.4 上传图片视图的封装[支持删除和添加] 1.5 查看风险商 ...
Telegram Android源码问题汇总持续更新
libtgvoip目录为空 git clone下来的工程中带有submodule时,submodule的内容没有下载下来,执行如下命令 cd Telegram git submodule update ...
吉大计算机专硕报录比,22考研院校报录比汇总(持续更新)
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 22考研院校报录比汇总(持续更新) 每个考研的小伙伴最关心的就是你所报考学校的报录比,因为这直接关系到你报考院校的难易程度,从中可以看出各高校的整体录取情 ...
Unity学习知识和链接汇总-持续更新
Unity学习知识和链接汇总-持续更新 Unity Scripting Reference- https://docs.unity3d.com/Manual/index.html gitee http ...
【教程汇总+持续更新】Unity游戏开发从入门到入坟
新的一年,本该在年前整理的年终总结被拖到了年后开工.去年大量时间投入在Catlike教程的翻译上,截止目前位置,教程的进度已经完全追平原作者. 去年还有一部分是断断续续的更新SLG实战教程,但遗憾的是 ...
unity ui框架_[教程汇总+持续更新]Unity从入门到入坟——收藏这一篇就够了
----------------塔防(更新中),作者重写了基础篇(下方目录为:1.1(新) 基础)目前还在持续连载了5篇,因为不多我们更新完就能追到原作者的进度了------------------- ...
软件编程学习网站汇总——持续更新中
持续更新各种国内外关于编程语言学习及讨论的网站,有时间我会添加介绍,不过相信很多网站你们都熟悉了,喜欢的可以收藏,我也留着等以后需要的时候翻阅. 若链接有错误,提醒我下,我来改正.有其他好的站也可以推 ...
YOLO 3/4/5/6/7/x、Efficient、MaskRcnn、FasterRcnn、FCOS、SSD、M2Det、Retina、CenterNet、PicoDet等系列数据模型汇总持续更新中
做了很长时间的CV领域的任务了,见到了很多不错的项目,很多时候也是会选择直接拿来开源的项目去使用,自己也做过了很多项目,后面就萌生了一个想法,将看到的不错的文章或者是数据集或者是项目汇总记录一下,以便 ...

css比较特殊选择器汇总（持续更新）

css比较特殊选择器汇总（持续更新）相关推荐

最新文章

热门文章