很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素，为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器 筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头，通过一个 ...
分类：
Web程序 时间：
2016-08-24 19:20:42
阅读次数：
345
我们在做导航标签的时候，有时会出现空间过于拥挤需要隐藏部分内容的情况，所以在这里我自己写了一个鼠标悬停显示扩展内容的效果，如下图所示。 总的来说效果还是比较好实现，但是比较头疼的是三角部分使用了伪元素::after，而对父元素设置 over-flow:hidden 时也会把伪元素给隐藏掉。最后想的办 ...
分类：
Web程序 时间：
2016-08-23 16:33:05
阅读次数：
270
伪类和伪元素皆独立于文档结构。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类），或者是元素中特别的内容（伪元素）。区别总结如下： css伪元素 (Pseudo-elements)：用于向某些选择器设置特殊效果，是对元素中的特定内容进行设置和操作， ...
分类：
Web程序 时间：
2016-08-23 11:20:09
阅读次数：
163
一、简单说说content内容生成 content内容生成就是通过content属性生成内容，content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持： (Firefox 1.5+, Safari 3.5+, IE 8 ...
分类：
其他好文 时间：
2016-08-21 19:51:27
阅读次数：
514
1：float属性 2：float属性的特性 2.1：float之文字环绕效果 2.2：float之父元素高度塌陷 3：清除浮动的方法 3.1：html法 3.2：css伪元素法 4：float去空格化 5：float元素块状化 6：float流体布局 6.1：单侧固定 6.2：DOM与显示位置不同 ...
分类：
Web程序 时间：
2016-08-18 09:54:27
阅读次数：
188
我们来看看CSS重要属性--float。 以下内容分为如下小节： 1：float属性 2：float属性的特性 2.1：float之文字环绕效果 2.2：float之父元素高度塌陷 3：清除浮动的方法 3.1：html法 3.2：css伪元素法 4：float去空格化 5：float元素块状化 6： ...
分类：
Web程序 时间：
2016-08-18 00:51:10
阅读次数：
259
1.伪类与伪元素 先说一说为什么css要引入伪元素和伪类，以下是css2.1 Selectors章节中对伪类与伪元素的描述： CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting ...
分类：
其他好文 时间：
2016-08-16 14:35:57
阅读次数：
259
分为伪元素选择器和伪类选择器两种，前者两个冒号，后者一个冒号，但是浏览器都看做一个冒号 1.a.::first-line 逐层匹配，直到有文本元素且结束改行为止 设置css属性word-break:break-all、文本长度超出元素的例子就不说了 body::first-line { color: ...
分类：
Web程序 时间：
2016-08-16 00:01:37
阅读次数：
234
最近在研读 《CSS SECRET》（CSS揭秘）这本大作，对 CSS 有了更深层次的理解，折腾了下面这个项目： CSS3奇思妙想 -- Demo （请用 Chrome 浏览器打开，非常值得一看）。采用单标签完成各种图案，许多图案与本文有关。 也希望觉得不错的同学顺手在我的 Github 点个 st ...
分类：
Web程序 时间：
2016-08-11 20:39:15
阅读次数：
189
CSS 选择器分为：元素选择器、分组选择器、通配符选择器、类选择器、ID 选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器、伪类、伪元素。 一. 元素选择器(p) 选择器可以是 HTML 元素，比如 p、h2、body，甚至是 html 本身。 # code 1 #selector ty ...
分类：
Web程序 时间：
2016-08-06 11:15:44
阅读次数：
582
