对css的伪类选择器真的是又爱又恨，每次都很完美的被搞混了，还是要做一下总结。 :last-of-type 选择最后一个元素 :first-of-type 选择第一个元素 :nth-child(n) 选择父元素的第n个子元素 :nth-last-child(n) 选择父元素的倒数第n个子元素 ...
分类：
Web程序 时间：
2018-05-25 11:14:48
阅读次数：
217
说明：:not意为排除某个元素，可以多次叠加使用代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scala
分类：
Web程序 时间：
2018-04-29 22:12:35
阅读次数：
316
内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式主 ...
分类：
Web程序 时间：
2018-03-30 12:20:30
阅读次数：
357
只要兼容现代浏览器如 webkit、firefox、opera等浏览器，对于伪元素采用双冒号的写法，要是非要兼容IE浏览器，用CSS2的单冒号写法比较安全。 首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两 ...
分类：
其他好文 时间：
2018-03-29 19:02:23
阅读次数：
376
1 伪类作用：CSS伪类是用来添加一些选择器的特殊效果。 2 常用示例： 2.1anchor伪类：代码： 正常语法： a{color:#FF0000;}/* 文字颜色 */ 伪类语法： a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00 ...
分类：
Web程序 时间：
2018-03-26 00:42:05
阅读次数：
210
总结自定义表单样式的控件，涉及到一些css伪类伪元素知识 css组合选择符 css组合选择符在自定义表单控件中扮演着连接的作用，便于控制元素样式，css3中有四种组合选择符。 后代选择器 ：以空格分离，选择后代相匹配的元素；#div p 选择的是#div下所有的p元素 子元素选择器 ：以大于号分离， ...
分类：
其他好文 时间：
2018-03-13 21:07:51
阅读次数：
261
主要说:before,:after元素这俩个伪类元素怎么用，它们和::before,::after没多少区别，后者是css3里新增的。创建一个假的元素盒子，然后添加样式或者内容。而这个盒子就是里面的content样式。使用这个元素里面必须有content样式。看一下它的使用场景： 1、添加图片或文字 ...
分类：
Web程序 时间：
2018-03-06 14:39:39
阅读次数：
877
当内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式 ...
分类：
Web程序 时间：
2018-02-22 16:42:41
阅读次数：
256
原文：http://www.alloyteam.com/2016/05/summary-of-pseudo-classes-and-pseudo-elements/ 伪类的操作对象是文档树中已有的元素，而伪元素则创建了一个文档树外的元素。因此，伪类与伪元素的区别在于：有没有创建一个文档树之外的元素。 ...
分类：
Web程序 时间：
2018-01-30 16:30:09
阅读次数：
188
