层叠特性
p{color:green}
.red{color:red;}
.purple{color:purple;}
#line3{color:blue;}
这是第一行文本
这是第二行文本
这是第三行文本
这是第第四行文本
这是第五行文本
类别选择其的...
分类:
Web程序 时间:
2014-10-01 14:49:01
阅读次数:
235
最常用的五类CSS选择器准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类(class)或ID,通过合适的组织,可以用最简单的方法实现同样的效果。在实际工作中,最常用的选择器有以下五类:一、标签选择器:顾名思议,标签选择器是直接将HTML标签作为CSS选择器,可以是p、h...
分类:
Web程序 时间:
2014-09-19 10:01:55
阅读次数:
286
CSS选择器: 优先级: ID选择器 > 类选择器 > html标签选择器1.类选择器 htm: hello world css: .menu { color: #00ff00;}2.ID选择器 htm: css: #menu { color: 00ff00;}3...
分类:
Web程序 时间:
2014-09-09 11:48:38
阅读次数:
156
问: a:link/a:visited 为什么优先级比class高? 查看示例:?http://jsbin.com/iRiFUbu/1/ 在Chrome(30.0.1599.69),IE 10,Firefox 25.0上 见到链接是红色(a:link)而不是黄色(.test) 想请问,为什么?请问w3c标...
分类:
Web程序 时间:
2014-09-07 12:23:45
阅读次数:
299
主要内容: 1.CSS选择器、优先级与匹配原理 2. CSS 引入的方式有哪些 ?link 和 @import 的区别是 ? 3.CSS hack 4.如何书高效CSS一、CSS选择器、优先级与匹配原理 CSS选择器大概可以分为:1.id选择器(#myid) 2.类选择器(.myclassname)...
分类:
Web程序 时间:
2014-08-27 20:27:08
阅读次数:
417
优先级(由高到低):1. id选择器(#myid)2. 类选择器(.myclassname)3. 标签选择器(div,h1,p)4. 相邻选择器(h1+p)5. 子选择器(ul element 选择器定义父元素是 元素的每个 元素的样式。注释:如果元素不是父元素的直接子元素,则不会被选择。 1...
分类:
Web程序 时间:
2014-08-25 20:56:44
阅读次数:
302
样式的优先级多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。一般情况下,优先级如下:(外部样式)External style sheet 测试!选择器的优先权解释:1. 内联样式表的权值最高 1000;2. ID 选择器的权值为...
分类:
Web程序 时间:
2014-08-10 23:58:50
阅读次数:
564
#redP p {
/* 权值 = 100+1=101 */
color:#F00; /* 红色 */
}
#redP .red em {
/* 权值 = 100+10+1=111 */
color:#00F; /* 蓝色 */
}
...
分类:
Web程序 时间:
2014-06-24 17:50:18
阅读次数:
275
最近写代码时发现,有时候写出的样式不会被引用。看了一些其他人写的网站源码后,我发现了这样写可以解决问题,如下:比如说确定class=“fgg“时,写成:.abc.efg.fgg{/*
代码*/}会比直接写.fgg{/* 代码*/}更可靠。有朋友说,这是优先级的问题,也可以在需要用的样式后面加上 “!...
分类:
Web程序 时间:
2014-05-16 22:40:22
阅读次数:
396
主要内容: 1.CSS选择器、优先级与匹配原理
2.CSS引入的方式有哪些?link和@import的区别是? 3.CSS hack 4.如何书高效CSS一、CSS选择器、优先级与匹配原理
CSS选择器大概可以分为:1.id选择器(#myid) 2.类选择器(.myclassname) 3.标签选....
分类:
Web程序 时间:
2014-05-14 11:55:52
阅读次数:
437