主要两点:a.根据具体的链接给出图片提示;b.鼠标移至链接上出现具体的内容提示;
1.给链接添加图片
这里主要运用到css的属性选择器E[attr$="value"],表示拥有属性attr,且属性值以value结尾的元素E。举个栗子:
a[href$=".zip"]
...
分类:
其他好文 时间:
2015-07-16 11:59:57
阅读次数:
126
1.批量删除的实现:首先是前端的checkbox,实现点击最上面的复选框,会全选或者取消下面的复选框选择状态。
通过jquery实现,涉及了一个属性选择器,用来选择结点或者设置属性。prop法,$("input[name='commentIds']").prop("checked",true);
这一句是设置所有name属性是commentIds的结点checked属性为true。代码如下...
分类:
其他好文 时间:
2015-07-15 22:49:58
阅读次数:
169
CSS 派生选择器 CSS id 选择器 CSS 类选择器 CSS 属性选择器 CSS 元素选择器 CSS 选择器分组 CSS 类选择器 CSS ID 选择器 CSS 属性选择器 CSS 后代选择器 CSS 子元素选择器 CSS 相邻兄弟选择器 CSS 伪类 CSS 伪元...
分类:
Web程序 时间:
2015-07-08 16:46:31
阅读次数:
178
CSS3的属性选择器主要包括以下几种:1. E[attr^="value"]:指定了属性名,并且有属性值,属性值是以value开头的;2. E[attr$="value"]:指定了属性名,并且有属性值,而且属性值是以value结束的;3. E[attr*="value"]:指定了属性名,并且有属性值...
分类:
Web程序 时间:
2015-07-06 13:47:34
阅读次数:
196
有时候对同一个目标元素,选择器有多种不同的写法。具体哪种声明会生效,主要看层叠关系层叠关系主要看三层,分别是特殊性,权重和顺序。1.特殊性选择器有各自的特殊性。内联样式为1000,id选择器为100,class选择器和属性选择器为10,各个元素为1,通配选择器为0(0比没有大,继承的特殊性就是没有,...
分类:
Web程序 时间:
2015-07-01 21:56:23
阅读次数:
162
一、为何专门说起IE7以前,或者说数年前,我们从事桌面端网页开发的时候,基本上都还要兼顾IE6浏览器, 即使有些特性,IE7支持,我们也会忽略之。于是,我们会不自然地把IE6和IE7浏览器归为一路货色,研究的多半是两个浏览器共性的东西,比方说haslayout之类的。但是,最近1~2年,至少我个人所...
分类:
Web程序 时间:
2015-07-01 11:37:07
阅读次数:
137
在 CSS3 中,追加了三个属性选择器分别为:[att*=val] ----内容包含[att^=val] ----开头匹配[att$=val] ----结尾匹配示例: 实例1: sdf sdf sdf
分类:
Web程序 时间:
2015-06-30 21:56:32
阅读次数:
135
1.属性选择器:带有 title 属性的所有元素设置样式: 1 2 3 4 10 11 12 13 可以应用样式:14 Hello world15 W3School16 17 18 19 无法应用样式:20 Hello world21 W3School22 23 2.属性和值选择器:下面的例子...
分类:
Web程序 时间:
2015-06-30 08:55:18
阅读次数:
153
CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构(DOM树)中获取元素不同的是,伪类和伪元素是预定义的、独立于文...
分类:
Web程序 时间:
2015-06-29 20:07:01
阅读次数:
188
1.伪类的顺序:link->visited->hover(focus)->active。2.选择器的特殊性:a.行内样式; b.id选择器; c.类、伪类、属性选择器(例:class属性); d.类型选择器和伪元素选择器的数量(例:p标签)。abcd越大,优先级越高。3.相对定位占据原来的空间,绝对...
分类:
Web程序 时间:
2015-06-25 22:56:17
阅读次数:
195