在浏览器内核（排版引擎）CSS规则树和HTML的DOM树合成渲染树的时候，会涉及到渲染树的位置属性的问题，因为其位置属性将通过CSS选择器链的优先级来决定，而渲染树的某个结点可能会同时满足多个选择器链，这时候就要通过选择器的优先级来完成属性的赋值。
在这个地方，我仅仅处理了几个简单的选择器情况：{(.class) (#id) (element) (#id,.clas...
分类：
Web程序 时间：
2014-12-13 09:38:58
阅读次数：
202
本篇讲解CSS特异性（CSS Specificity）的细节，也就是CSS样式选择器的权重计算
通过计算选择器的权重（weight）最终决定哪个选择器将获得优先权去覆盖其他选择器的样式设定，即“优先原则（priority rules）”！
首先，我们来一个简单的例子：
body>
ul id="summer-drinks">
li class="fav...
分类：
Web程序 时间：
2014-12-11 15:55:18
阅读次数：
212
zen-Coding的使用zen-Coding的使用需要掌握CSS和HTML相关知识。其实只要对CSS的选择器比较熟悉，就可以得用简短的类似于CSS选择器的代码高效的编写出HTML代码。打开Notepad++编辑器，输入以下代码：div#name然后接着按一下快捷键ctrl+E，就会自动生成如下的H...
分类：
其他好文 时间：
2014-12-07 13:45:43
阅读次数：
124
一、五大基本选择符1. *（通配符）*通配符选择器，经常用于cssreset（样式重置），清理标签的默认样式，但现在一般不提倡直接使用*了，主要是*会匹配所有标签，相当耗资源。*在css的优先级中是最低的。* {margin: 0; padding: 0;} 也可以用*来匹配某一元素下的所有子元素：...
分类：
Web程序 时间：
2014-11-30 14:01:42
阅读次数：
187
http://www.aa25.cn/div_css/905.shtml今天我们开始学习《十天学会web标准(div+css)》的纵向导航菜单及二级弹出菜单，包含以下内容和知识点：纵向列表标签的默认样式css派生选择器css选择器的分组纵向二级列表相对定位和绝对定位一、纵向列表纵向列表或称为纵向导航...
分类：
其他好文 时间：
2014-11-26 16:08:37
阅读次数：
217
使用CSS选择器获取元素 -- querySelector，querySelectorAll（HTML5）标准W3C Selector API Level 1为Document，DocumentFragment和Element追加了querySelector和querySelctorAll，原型为E...
分类：
Web程序 时间：
2014-11-26 14:11:02
阅读次数：
280
通配符选择器 Universal Selector* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}元素选择器 Element Type Selector...
分类：
Web程序 时间：
2014-11-25 16:07:38
阅读次数：
105
要实现对html元素的渲染就必须针对不同元素定义不同的样式，定义的前一步就是先选中那个要定义的元素，也就是选择。这里的选择器分为基本选择器和复合选择器，复合就是基本的组合。选择器 ｛属性名:属性值;...｝基本选择器有标记选择器，类别选择器，id选择器3种。标记选择器其实是html标签名作为选择器，...
分类：
Web程序 时间：
2014-11-18 23:29:06
阅读次数：
254
http://www.oschina.net/news/57107/30-css-selector-you-should-remeber大 概大家读知道`id`,`class`以及`descendant`选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇 文章里面提到的...
分类：
Web程序 时间：
2014-11-18 23:03:19
阅读次数：
477
1.尽量减少请求数提取公用CSS，模块化，其他的合并。Javascript也一样(可以避免页面加载阻塞)。对页面上的小图标，背景等图片进行合并，减少请求次数。2.减少页面体积压缩JS3.CSS&HTML的重构CSS选择器不能太长，禁止使用ID选择器和!important4.延迟加载通常应用于图片比较...
分类：
Web程序 时间：
2014-11-17 19:27:38
阅读次数：
195
