：nth-child是css3新增吗

2024-11-07

CSS3 :nth-child() 选择器

CSS3 :nth-child() 选择器代码: <!DOCTYPE html> <html> <head> <style> p:nth-child(2) { background:#ff0000; } </style> </head> <body> <h1>这是标题</h1> <p>第一个段落.</p> <p>第二个段落.</p> <p>

1. CSS1定义的选择器选择器类型说明 E 类型选择器选择指定类型的元素 E#id ID选择器选择匹配E的元素,且匹配元素的id为“id”,E选择符可以省略. E.class 类选择器选择匹配E的元素,且匹配元素的class属性值为“class”,E选择符可以省略. E F 包含选择器选择匹配F的元素,且该元素被包含在匹配E的元素内. E:link 链接伪类选择器选择匹配E的元素,且匹配元素被定义了超链接并未被访问.例:a:link E:visited 链接伪类选择器选择匹配

CSS3新增的选择器和属性

<!doctype html>无标题文档一.新增的选择器 CSS3新增的属性选择器 {除ie6外的大部分浏览器支持) 序号选择器含义实例 1 E[att^="val"] 属性att的值以"val"开头的元素 div[id^="nav"] { background:#ff0; } 2 E[att$="val"] 属性att的值以"val"结尾的元素 3 E[att*="val

css3新增属性API

写在前面:由于CSS5标准还未完全订下来,所以各种内核的浏览器都有自己的标准,为了不使属性混淆,所以各家在各自标准前加了一个前缀. -moz- 主要是firefox火狐 -webikt-主要是chrome谷歌和Safari -o-主要是用于苹果机上的浏览器如Opera 下面主要从颜色.文本.选择器等方面来总结一下CSS3新增的属性颜色 css1和css2只能通过以下三种方式来表示颜色颜色名称 eg:color:red HEX方式 (语法:#RRGGBB或#RGB 各点的取值范围为00

CSS3新增文本属性实现图片点击切换效果

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Keywords" content="关键词"> <meta name="Description" content="描述"> <title>CSS3新增文

CSS3新增伪类--好用的:target

问:如果让你实现下图,点击跳转后,让内容1增加一个背景颜色,你会怎么做呢? 可能很多小伙伴第一反应是用JS,给跳转绑定点击事件,然后用DOM获取到内容1,在给其添加css样式. 如果我跟你说用css来实现,你会不会一脸蒙蔽,然后想骂人.哈哈哈.其实用CSS3新增的伪类:target就能轻松搞定. W3C是这样定义的,如下图: 并且该伪类兼容性也很好,现代浏览器都支持,只有ie8及以下不支持. 有兴趣的小伙伴可以试试下面我写的demo <!DOCTYPE html> <html>

h5新增标签及css3新增属性

- h5新增的标签新增元素说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canvas 表示位图区域 source 为video和audio提供数据源 track 为video和audio指定字母 svg 定义矢量图 code 代码段 figure 和文档有关的图例 figcaption 图例的说明 main time 日期和时间值 mark 高亮的引用文字 datalist 提供给其他控件的预定义选项 keygen 秘钥对生成器控件 output 计算值 pr

什么是CSS盒模型及利用CSS对HTML元素进行定位的实现（含h5/css3新增属性）

大家好,很高兴又跟大家见面了!本周更新博主将给大家带来更精彩的HTML5技术分享,通过本周的学习,可实现大部分的网页制作.以下为本次更新内容. 第四章 css盒模型 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 100p

CSS3 新增的文本属性

一.CSS1&2中的文本属性(W3C标准) text-indent CSS1 检索或设置对象中的文本的缩进 letter-spacing CSS1 检索或设置对象中的文字之间的间隔 word-spacing CSS1 检索或设置对象中的单词之间插入的空格数. vertical-align CSS1/CSS2 设置或检索对象内容的垂直对其方式 white-space CSS1 设置或检索对象内空格的处理方式 direction CSS2 检索或设置文本流的方向 unicode-bidi CSS2

CSS选择符、属性继承、优先级算法以及CSS3新增伪类、新特性

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?CSS新增了哪些特性?下面我整理了一些,仅供参考. CSS 选择符: 1) id选择器(# myid) 2) 类选择器(.myclassname) 3) 标签选择器(div, h1, p) 4) 相邻选择器(h1 + p) 5) 子选择器(ul > li) 6) 后代选择器(li a) 7) 通配符选择器( * ) 8) 属性选择器

css3新增功能

CSS3新增功能 1 CSS3选择器详解 1.1 基础选择器通配选择器* 元素选择器E ID选择器#id CLASS选择器.class 群组选择器select1,selectN 1.2 层次选择器后代选择器 E F 子选择器 E>F 相邻兄弟选择器 E+F 通用兄弟选择器 E~F 1.3 属性选择器 E[attr] 选择具有att属性的E元素. E[attr="val"] 选择具有att属性且属性值等于val的E元素. E[attr~="val"] 选择具

CSS3 新增颜色表示方式

一.CSS1&2颜色表示方式(W3C标准) 1.Color name 颜色名称方式(用颜色关键字表示对应的颜色.) 例如:red(红色).blue(蓝色).pink(粉色) 优点:方便快捷而且特定颜色比较准确缺点: 表示颜色数量有限. 不支持透明颜色. 2.HEX方式十六进制方式(使用十六进制表示颜色) 语法:#RRGGBB 或 #RGB 取值: RR: 红色值.十六进制正整数 GG: 绿色值.十六进制正整数 BB: 蓝色值.十六进制正整数取值范围:00-FF 例如:#

CSS3新增特性详解（二）

上篇博文主要介绍了CSS3新增特性中的静态特性,比如新的选择器.多背景图.阴影.渐变等.本文主要介绍CSS3中新增的动态特性,如过度.动画.变形等. transitian: -webkit-transition:all 0.5s linear 0.3s; 过度效果,习惯上也叫做渐变.只不过这个渐变是指为动态效果加上一个可视的过程,要与前文中颜色的渐变区分开. 这里还是别忘了在上文中提到的前缀问题,示例中为了节省时间所以只在加了测试用浏览器的前缀. transition:共四个参数: 1.渐变

认识CSS3新增选择器和样式

前端之HTML5,CSS3(二) CSS3新增选择器和样式 CSS3新增选择器结构伪类选择器 :first-child:选取父元素中的第一个子元素的指定选择器 :last-child:选取父元素中的最后一个子元素的指定选择器 :nth-child(n):选取父元素中的第n个子元素的指定选择器,n取小于等于子元素个数的正整数.当n取n值表示选取父元素中所有子元素:n取2n表示选取父元素中所有偶数的子元素,等同于:nth-child(odd):n取2n+1表示选取父元素中所有奇数的子元素,等同于:

CSS3新增

1 CSS3 的选择器 1.1 基本选择器 tagName .className #idName * slector,selector,selector 1.2 层级选择器 selector1 selector2 后代 selectoer1>selectoer2 子元素 selector1+selector2 紧邻在后面的兄弟元素 selector1~selector 后面所有兄弟元素 1.3 属性选择器 selector[attr] 包含指定的属性 selector[attr=value] 指

CSS选择器及CSS3新增选择器

转自:http://www.cnblogs.com/libingql/p/4375354.html 1. CSS1定义的选择器选择器类型说明 E 类型选择器选择指定类型的元素 E#id ID选择器选择匹配E的元素,且匹配元素的id为“id”,E选择符可以省略. E.class 类选择器选择匹配E的元素,且匹配元素的class属性值为“class”,E选择符可以省略. E F 包含选择器选择匹配F的元素,且该元素被包含在匹配E的元素内. E:link 链接伪类选择器选择匹配E的元素

H5和CSS3新增内容总结

CSS3选择器有哪些?答:属性选择器.伪类选择器.伪元素选择器.CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式文字阴影(text-shadow.) 边框: 圆角(border-radius)边框阴影: box-shadow 盒子模型:box-sizing 背景:background-size 设置背景图片的尺寸background-origin 设置背景图片的原点background-clip 设置背景图片的裁切区域,以”,”分隔可以设置多背景,用于自适应布局渐变:linea

HTML5+CSS3新增内容总结！！！！！绝对干货

说到H5C3会不会觉得东西好多啊,今天就整理了一份总结性的内容: CSS3选择器有哪些?答:属性选择器.伪类选择器.伪元素选择器.CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式文字阴影(text-shadow.) 边框: 圆角(border-radius)边框阴影: box-shadow 盒子模型:box-sizing 背景:background-size 设置背景图片的尺寸background-origin 设置背景图片的原点background-clip 设置背景图片的裁切

高效开发之SASS篇灵异留白事件——图片下方无故留白你会用::before、::after吗 link 与 @import之对比学习前端前必知的——HTTP协议详解深入了解——CSS3新增属性菜鸟进阶——grunt $(#form :input)与$(#form input)的区别

高效开发之SASS篇作为通往前端大神之路的普通的一只学鸟,最近接触了一样稍微高逼格一点的神器,特与大家分享~ 他是谁? 作为前端开发人员,你肯定对css很熟悉,但是你知道css可以自定义吗?大家都知道,js中可以自定义变量,css仅仅是一个标记语言,不是编程语言,因此不可以自定义变量,也不可以引用等等.作为一名程序员,不能编程怎么能忍受,这就是sass存在的意义,工业化生产,让CSS程序范儿. 主要目的就是让你写CSS时不在重复. SASS优点可以简单的规纳为以下几点: 增加了一些编程特性

css3新增的属性有哪些

徐先森讲web CSS3新增的属性有哪些: CSS 用于控制网页的样式和布局. CSS3 是最新的 CSS 标准. CSS3新增了很多的属性,下面一起来分析一下新增的一些属性: 1.CSS3边框: border-radius:CSS3圆角边框.在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,border-radius 属性用于创建圆角.border:2px solid; box-shadow:CSS3边框阴影.在

CSS3新增的属性有哪些：

CSS 用于控制网页的样式和布局. CSS3 是最新的 CSS 标准. CSS3新增了很多的属性,下面一起来分析一下新增的一些属性: 1.CSS3边框: border-radius:CSS3圆角边框.在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,border-radius 属性用于创建圆角.border:2px solid; box-shadow:CSS3边框阴影.在 CSS3 中,box-shadow 用于向方