200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 详解CSS3 :not()伪类选择符的用法实例

详解CSS3 :not()伪类选择符的用法实例

时间:2019-09-04 17:09:20

相关推荐

详解CSS3 :not()伪类选择符的用法实例

web前端|css教程

CSS3,not()伪类选择符

web前端-css教程

CSS3新增的:not()伪类选择符,匹配不含有选择符的元素。假定有个列表,每个列表项都有一条底边线,但是最后一项不需要底边线,案例如下:

易语言偷窥源码,vscode安装中文语言,ubuntu ssh失败,tomcat存放动态资源,爬虫+br,php 获取前一个url,金昌seo优化费用,织梦网站关键字调用,免费dedecms模板自适应lzw

使用:not() 最后一行li不添加边框/* 使字体在所有设备上都达到最佳的显示*/html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility; }/* 给body添加阴影*/body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100;}/* 设置列表*/.listItem { border: 1px solid red;}.listItem ul { width: 100%; overflow:hidden;}.listItem ul,listItem li { margin:0; padding:0; list-style:none;}.listItem li { margin-left:10px;}/* li 最后一个元素不添加边框*/.listItem li:not(:last-child) { border-bottom:1px solid green; }/* 与第一个li相连兄弟*/.listItem li:first-child ~ li { border-left: 1px solid #666; }

列表1 列表2 列表3 列表4 列表5

易语言内存断点源码,国产ide vscode,系统Ubuntu下载网络驱动,tomcat检验安装,sqlite打乱数据,wordpress 后台管理界面插件,前端框架结构师,r语言爬虫教学,php 验证码生成,seo用什么技术,wordpress旅游网站,全面网页元素分析工具,微网站模板源码下载,微商城分类页面源码,会员积分管理系统 分销源码,程序源代码交易平台lzw

【相关推荐】

易语言制作身份证源码,vscode连接不到设备,ubuntu词法分析,tomcat动态加载jar,军事爬虫,php多维数组查找,舟山seo推广哪家强,视频网站毕业设计源码,dede外贸移动端网站模板下载lzw

1. 免费css在线视频教学

2. css在线手册

3. 独孤九贱(2)-css视频教学

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。