随笔分类 - CSS3选择器

CSS选择器的优化

摘要：浏览器如何识别你的选择器首先我们需要清楚，浏览器是如何读取选择器，以识别样式，并将相应的样式附于对应的HTML元素，达到美化页面的效果。Chris Coyier曾在《Efficiently Rendering CSS》一文中说过“浏览器读取你的选择器，遵循的原则是从选择器的右边到左边读取。换句话说，浏览器读取选择器的顺序是由右到左进行”。比如说：div.nav > ul li a[title]上面的实例来说，浏览器首先会尝试在你的HTML标签中寻找“a[title]”元素，接着在匹配“li和ul”，最后在去匹配“div.nav”。这就是前成所主的“选择器从右到左的原则”。选择器的最后一部阅读全文

posted @ 2013-05-09 18:14 chenguiya 阅读(197) 评论(0) 推荐(0) 编辑

CSS3 选择器——属性选择器

摘要：从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种:E[attr]：只使用属性名，但没有确定任何属性值；E[attr="value"]：指定属性名，并指定了该属性的属性值；E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写；E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；E[attr$="value"]：指定了属性名，并且有阅读全文

posted @ 2013-05-08 16:50 chenguiya 阅读(261) 评论(0) 推荐(0) 编辑

CSS3选择器———基本选择器

摘要：下面我们先看看上表中基本的选择器的使用方法和其所起的作用，为了更好的说明问题，先创建一个简单的DOM结构，如下：<div class="demo"> <ul class="clearfix"> <li id="first" class="first">1</li> <li class="active important">2</li> <li class="important items">3 阅读全文

posted @ 2013-05-06 23:12 chenguiya 阅读(271) 评论(0) 推荐(0) 编辑