方法一：通用兄弟选择器( ~ )
Document
ul {margin: 0; padding: 0;}
li { list-style: none; height: 50px; line-height: 50px;}
li~li {border-top: 1px solid #000;}
1
2
3
4
5
6
li~li {…} 中的 ~ 符号称为通用兄弟选择器，匹配P元素之后的P元素，所以第一个P元素不会匹配到。
方法二：伪类选择器( :first-of-type / :last-of-type )
Document
ul {margin: 0; padding: 0;}
li { border-top: 1px solid #000; list-style: none; height: 50px; line-height: 50px;}
li:first-of-type {border-top: none;}
1
2
3
4
5
6
首先将所有 li 设置 border-top，然后用 :first-of-type 查找到第一个 li ，取消border-top。
@ css怎么给背景添加超链接伪类？
在CSS中给背景图片加上超链接的方法：
1、新建一个html文件，命名为test.html，用于讲解在CSS中如何给背景图片加上超链接。
2、在test.html文件内，使用div创建一个模块，并设置其class属性为testid。
3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
4、在css标签内，通过class设置css的样式，定义div的宽度为200px，高度为200px，背景图片为a.jpg。
5、在test.html文件内，在div标签外，使用a标签创建一个链接，实现给背景图片加上超链接。
6、在浏览器打开test.html文件，查看实现的效果。
@ 计算机程序员为什么不直接使用css作为控制代码？
文/小伊评科技
作为一个半资深的前端工程师，你这个问题问的非常的没有道理，这个问题就好比是在问：男人那么能干，为什么不能取代女人呢？因为CSS和Javascript完全是两个不同的概念，其工作职责也是不同的，CSS控制的样式表，是偏向静态表现得，他的核心功能最强大的功能其实就是定义样式，虽然目前CSS3加入了很多动画效果，比如配合transtion/transform以及animation可以制作很多简单甚至相当复杂的动画效果，但是说白了也只是静态展示，想要做成动态的人机交互效果，还是需要Javascript所提供的各种交互事件来配合完成，CSS+HTML所能提供得交互方式太过于单薄。
而且Javascript是一个实打实的编程语言，他的作用可不仅限于操作DOM元素这么简单，他还是沟通前台和后台得一个重要沟通工具，没有JS你的页面就只是一个静态页面罢了。笔者举一个最简单的例子，如果你需要页面中某一个方面要引用后台的数据，那么用CSS怎么实现？根本无法实现，所以这个时候就需要用到AJAX技术了，而一旦用到AJAX技术，就必须要使用到Javascript。
只会html+CSS的前端人员充其量只能算是一个网页设计师罢了
HTML+CSS所能做出来的只不过是静态的页面，并不具备可交互性，也基本上无法满足商用的要求。所以对于一个前端工程师来说JS才是重中之重。目前主流的三大框架React、Vue、Angular也都是基于Javascript深度开发的产物。只会HTML+CSS的前端工程师目前已经基本被淘汰了，或者说没有特别的用武之地。因为大部分UI设计师对于Html+CSS的掌握都非常优秀，配置静态页面不成问题而如果想要成为更进一步的前端工程师，甚至前端高级工程师，Javascript是必须要熟练掌握的，在掌握了Javascript之后再去学习三大框架，学习AJAX，学习
Node.Js
等才会更加的游刃有余。end 希望可以帮到你
@ css规则定义有哪些选择符？
css选择符（选择器）有以下这些：
1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
