![详解CSS3 :not()伪类选择符的用法实例](https://200zi.50zi.cn/uploadfile/img/14/595/a65c993a7aca3047e03a96e864c76f95.jpg)
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视频教学