2012年9月6日
摘要: 给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用。通过Firebug查看,发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS选择器的优先级问题,这里就CSS选择器的优先级问题做了一些总结。51CTO推荐阅读:巧妙地使用CSS选择器选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器、类选择器和ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而 在标签内写入style=""的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。而一般人们将上面这几种方式结合在一起,所 以就有了5种 阅读全文
posted @ 2012-09-06 10:30 cbwcwy 阅读(19587) 评论(1) 推荐(5) 编辑
摘要: 一、基本选择器序号 选择器 含义1. * 通用元素选择器,匹配任何元素2. E 标签选择器,匹配所有使用E标签的元素3. .info class选择器,匹配所有class属性中包含info的元素4. #footer id选择器,匹配所有id属性等于footer的元素实例:* { margin:0; padding:0; }p { font-size:2em; }.info { background:#ff0; }p.info { background:#ff0; }p.info.error { color:#900; font-weight:bold; }#info { background: 阅读全文
posted @ 2012-09-06 10:24 cbwcwy 阅读(407) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS cursor 属性示例</title> <mce:sty 阅读全文
posted @ 2012-09-06 10:07 cbwcwy 阅读(1076) 评论(0) 推荐(0) 编辑
摘要: 什么是继承?要想了解css样式表的继承,我们先从文档树(HTML DOM)开始。文档树由HTML元素组成。文档树和家族树类似,也有祖先、后代、父亲、孩子和兄弟^_^。这很容易理解吧,笔者在这里就不一一赘述了。希望深入了解的朋友请google之。那么CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素。下面举个例子,有如下html代码片段:<p>CSS样式表<em>继承特性</em>的演示代码</p>需要注意的是em是包含在p之内的。当我们指定p的css样式时,看看em会有什么变化呢?<style>p { color:red; } 阅读全文
posted @ 2012-09-06 10:03 cbwcwy 阅读(993) 评论(0) 推荐(2) 编辑
摘要: 无 阅读全文
posted @ 2012-09-06 10:01 cbwcwy 阅读(145) 评论(0) 推荐(0) 编辑