UI元素的伪类选择器 1. :focus 用来选取获取焦点事件 2. :enabled 用来指定当元素处于可用状态时的样式 3. :disable 用来指定元素处于不可用时的状态 表单里应用较多 4. read-only 用来获取元素属于只读状态时 5. read-write 用来匹配可读和可写的元 ...
分类:
Web程序 时间:
2017-06-19 11:03:32
阅读次数:
241
::before与::after两个伪元素其实是CSS3中的内容,然而实际上在CSS2中就已经有了这两者的身影,只不过CSS2中是前面加一个冒号来表示(:before和:after)。今天主要讲讲这两个伪元素该如何使用。 一、与普通元素一样可以给其添加样式 比如说我想在文字前面添加一个图标,如果我用 ...
分类:
其他好文 时间:
2017-06-19 00:37:30
阅读次数:
231
伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。 在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效 ...
分类:
Web程序 时间:
2017-06-14 02:38:55
阅读次数:
172
css的content属性专门应用在 before/after 伪元素上,用来插入生成内容。最常见的应用是利用伪类清除浮动。 after伪元素通过 content 在元素的后面生成了内容为一个点的块级素,再利用clear:both清除浮动。 那么问题继续还有,知道css计数器(序列数字字符自动递增) ...
分类:
Web程序 时间:
2017-06-10 18:28:41
阅读次数:
212
要想创建新的浏览器窗口,可使用伪元素JavaScript:,如下所示 调用只在支持伪元素的浏览器中有效,因此不推荐 替代性方案如下 但是如果用户禁用了JavaScript,这种做法也毫无用处 平稳退化 这样即使禁用了js,依然能实现相应的功能 ...
分类:
其他好文 时间:
2017-06-10 17:05:54
阅读次数:
156
要指定不同语言下的引号,只需通过伪元素进行生成即可: 还是从鑫旭大神的文章里得来的:http://www.zhangxinxu.com/wordpress/2010/04/css-content内容生成技术以及应用/ ...
分类:
编程语言 时间:
2017-06-09 21:25:33
阅读次数:
214
所有经验适用于:iOS6.0+, Android4.0+ 目录 兼容性 CSS伪类:active 清除iOS输入框内阴影 Samsung S4圆角Bug 边框圆角致背景溢出 一个失败的圆(圆角) 不要使用伪元素动画 :checked与兄弟选择符一起使用的bug 为什么flex布局不生效 为什么小于1 ...
分类:
移动开发 时间:
2017-06-09 14:04:36
阅读次数:
260
很多时候要是实现一行文字前面的序列号的话,可能会直接添加个新元素或者利用before伪元素实现。但如果是多行文字的序列号的话,就不是那么简单了。 恰好,css就有这么个计数器可以实现这个功能。 就以上三个属性。但使用起来可不是这么简单: 以上的是同一级的计数器,没嵌套。 以下的是有三级的嵌套: 详情 ...
分类:
Web程序 时间:
2017-06-07 23:12:40
阅读次数:
305
伪类和伪元素的理解 官方解释: 伪类一开始单单只是用来表示一些元素的动态状态,典型的就是链接的各个状态(LVHA)。随后CSS2标准扩展了其概念范围,使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类。 伪元素则代表了某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中 ...
分类:
Web程序 时间:
2017-06-02 09:45:50
阅读次数:
269
好了 现在让 box2 box3 添加向左浮动的样式 box2 box3 都脱离了标准文档流 box4 网上顶 紧贴box1下方 此时 box1与 box4是新的 标准文档流 2,如果box4也加上左浮动 将会是这样 box4浮动 而工作中 希望 box4在box1和box2的下方 这时 我们需要用 ...
分类:
其他好文 时间:
2017-05-31 19:10:40
阅读次数:
224