分享一个css3学习使用的选择器手册

http://www.haorooms.com/tools/css_selecter/…

分享一个编程学习网站:https://github.com/justjavac/free-programming-books-zh_CN

分享一个编程学习网站:https://github.com/justjavac/free-programming-books-zh_CN…

CSS3中的属性选择器 [att*=val]属性选择器:[att*=val]属性选择器的含义是:如果元素att表示的属性之属性值中包含用val指定的字符的话,则该元素使用这个样式. [att^=val]属性选择器:选择值以val指定的字符串开头的att属性使用这个样式. [att$=val]属性选择器:选择值以val指定的字符串结尾的att属性使用这个样式. 属性选择器的例子:利用[att$=avl]属性选择器,可以根据超链接中不同的文件扩展符使用不同的样式. <!DOCTYPE html>…

CSS3学习系列之选择器（二）

first-child选择器和last-child选择器 first-child指定第一个元素.last-child指定最后一个子元素. 例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>first-child选择器与last-child选择器使用示例</title> <style> l…

css3学习总结1--CSS3选择器

CSS3的属性选择器主要包括以下几种: 1. E[attr^="value"]:指定了属性名,并且有属性值,属性值是以value开头的: 2. E[attr$="value"]:指定了属性名,并且有属性值,而且属性值是以value结束的: 3. E[attr*="value"]:指定了属性名,并且有属性值,而且属值中包含了value: 示例 .classNamea[href^="http://"]{background:ora…

[CSS3] 学习笔记-CSS选择器

CSS3中,选择器的分类很多,有元素选择器.类选择器.ID选择器.属性选择器.后代选择器.子元素选择器.相邻兄弟选择器. 1.最常见的选择器就是元素选择器,文档的元素就是最基本的选择器,例如,h1{},a{} 2.选择器分组:h1,h2{}.*{} 3.类选择器允许以一种独立于文档元素的方式来指定样式:.class{}: 可以结合元素选择器:a.class{}: 多类选择器:.class.class{} 4.ID选择器与类选择器相似,不过也有一些重要差别,例如:#id{} ID选择器与类选择器的…

CSS3学习系列之选择器（四）

使用选择器来插入文字 css2中,使用before选择器在元素前面插入内容,使用after选择器在元素后面插入内容,在选择器的content属性中定义要插入的内容.将content属性值设定为none,然后在不需要插入内容的元素中将class属性值设定为这个给定的类名就可以了.另外,在CSS2.1中,除了none属性值外,还未content属性添加了一个normal属性值,其作用与使用方法none属性值的作用相同,并且使用方法也相同.从css2.1开始,值右当使用before选择与after选择…

CSS3学习系列之选择器（三）

E:enabled伪类选择器和E:disabled伪类选择器 E:enabled伪类选择器用来指定元素处于可用状态的样式. E:disabled伪类选择器用来指定当元素处于不可用状态时的样式. 当一个表单中的元素经常在可用状态与不可用状态之间进行切换的时候,通常会将E:disabled伪类选择器与E:enabled伪类选择器结合使用,用E:disabled伪类选择器来设置该元素处于不可用状态时的样式,用E:enabled选择器来设置该元素处于可用状态的样式. <!DOCTYPE html> &…

分享一个css3写的气泡对话框,适合于即时通讯和留言本的动态内容

效果预览: css code .message_content{width:100%;margin-top:10px;clear:both;float:left;} .face{float:left;width:10%;} .face img{width:100%;max-width:60px;clear:both;} .message{float:left;background-color:#3F3;padding:10px;width:75%;margin-left:20px;margin-…

Atitit.隔行换色变色 css3 结构性伪类选择器

Atitit.隔行换色变色 css3 结构性伪类选择器 1.1. css3隔行换色扩展阅读 1 1.2. 结构伪选择器 1 1.3. jQuery 选择器2 1.1. css3隔行换色扩展阅读原理就是利用结构伪类选择器 .list_div tr:nth-of-type(odd){background:#fff;} /* 奇数行 */ /*-------------------------------*/ .list_div tr:nth-of-type(even){ background:…