一、元素选择器1.最常见的选择器就是元素选择器,文档的元素就是最基本的选择器例如:h1{}a{}……<p>HelloWorld</p>
p{
color:blue;
}二、选择器分组1.例子:h1、h2{}h1,h2{
color:red;
}2.通配符:*{}<!DOCTYPEhtml>
<htmllang="en">
<head>
&l..
分类:
Web程序 时间:
2016-05-13 15:37:23
阅读次数:
265
一、ID选择器ID选择器类似于类选择器,不过也有一些重要差别例如:#id{}二、类选择器和ID选择器的区别ID只能在文档中使用一次,而类可以多次使用<divid="myDiv">HelloWorld</div>
<divclass="div1"></div>
<divclass="div1"></div>
<di..
分类:
Web程序 时间:
2016-05-13 15:33:00
阅读次数:
113
碰到了个选择器,:nth-of-type 奇偶另一种方式 p:nth-of-type(2n+1); p:nth-of-type(2n); 与nth-child的区别 p:nth-child(2):选择器匹配属于其父元素的第2个子元素,不论元素的类型。前面加了P,则需要同时满足两个条件,父元素的第二个 ...
分类:
Web程序 时间:
2016-05-09 15:53:29
阅读次数:
813
CSS 选择器 常见的选择器列表图 基本选择器 通配符选择器(*) 元素选择器(E) 类选择器(.className) 所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持。 id选择器(#ID) 后代选择器(E F) 子元素选择器(E>F) IE6不 ...
分类:
Web程序 时间:
2016-05-05 22:18:00
阅读次数:
197
本文中将综合前端开发中常用的30个CSS3选择器,并且附带了浏览器的支持情况,希望对大家有所帮助。 1、*:通用元素选择器 *选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除默认CSS样式方法 *选择器也可以应用到子选择器中,例如下面的代码: ...
分类:
Web程序 时间:
2016-05-05 17:27:45
阅读次数:
219
学习要点: 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 选择器,通过选择器定位到想要设置样式的元素。目前 CSS 选择器的版本已经升级至第三代,即 CSS3 选择器。CSS3 选择器提供了更多、更丰富的选择器方式,主要分为 ...
分类:
Web程序 时间:
2016-04-29 23:36:08
阅读次数:
249
本文章向码农介绍css3选择器的使用方法和总结,包括通用选择器,属性选择器,伪类选择器,对css选择器相关知识感兴趣的码农可以阅读一下本文章。 一 通用选择器 1 *{}通配选择符(CSS2):适合所有元素对象。2 E类型(HTML)选择符(CSS1):以文档语言对象类型DOM作为选择符。3 E#m ...
分类:
Web程序 时间:
2016-04-20 13:34:10
阅读次数:
263
1.结构性伪类选择器 :root:从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>。 2.“:root”选择器等同于<html>元素,简单点说::root{background:orange}与 html {backgrou ...
分类:
Web程序 时间:
2016-04-10 21:00:03
阅读次数:
934
Css3 选择器 属性选择器 E[attr]只使用属性名,但没有确定任何属性值E[attr="value"]指定属性名,并指定了该属性的属性值E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“?”不能 ...
分类:
Web程序 时间:
2016-03-31 14:38:59
阅读次数:
297
选择器种类罗列: 选择器 含义 示例 * 通用元素选择器,匹配任何元素 * { margin:0; padding:0; } E 标签选择器,匹配所有使用E标签的元素 p { font-size:2em; } .info和E.info class选择器,匹配所有class属性中包含info的元素 .
分类:
Web程序 时间:
2016-03-20 02:00:14
阅读次数:
270