“CSS选择符”的版本间的差异

来自Blueidea
跳转至: 导航搜索
(创建新页面为 'CSS选择符是一条完整的CSS规则的起始部分,即'''{'''之前声明的部分。它决定该规则中定义的CSS属性即将影响的文档范围,即规定…')
 
(修改一些措辞)
 
(未显示同一用户的2个中间版本)
第1行: 第1行:
CSS选择符是一条完整的[[CSS规则]]的起始部分,即'''{'''之前声明的部分。它决定该规则中定义的CSS属性即将影响的文档范围,即规定文档中哪些元素将受其影响。
+
[[CSS]]选择符是一条完整的[[CSS规则]]的起始部分,即'''{'''之前声明的部分。它决定该规则中定义的[[CSS属性]]即将影响的文档范围,即规定文档中哪些元素将受其影响。CSS选择符随着CSS版本的更新也会逐步增加,例如发展中的[[CSS3]]就新增加了3个属性选择符<ref name="vocal"/>,新增的属性选择符将使得不必增加多余的Class或ID即可精确匹配到目标元素,而更多的伪类选择符<ref name="vocal"/>使得我们制作诸如隔行变色更加容易。
 
+
正处于发展中的[[CSS3]]所新增加的选择符,将更精确智能的匹配文档元素。
+
 
+
未来的CSS选择符发展,将更多的涉及到[[行为]]层部分,一些基本的效果,例如隔行或隔N行变色,可以不用添加类和JavaScript即可实现。
+
  
  
第10行: 第6行:
 
*[http://bbs.blueidea.com/viewthread.php?tid=2524749 CSS选择符入门]<ref>作者:[[user:greengnn|greengnn]]</ref>
 
*[http://bbs.blueidea.com/viewthread.php?tid=2524749 CSS选择符入门]<ref>作者:[[user:greengnn|greengnn]]</ref>
 
*[http://www.blueidea.com/tech/web/2008/6101.asp IE7所支持的更优秀的选择符]<ref>来源于:[http://www.cnblogs.com/JustinYoung JustinYoung's Blog]</ref>
 
*[http://www.blueidea.com/tech/web/2008/6101.asp IE7所支持的更优秀的选择符]<ref>来源于:[http://www.cnblogs.com/JustinYoung JustinYoung's Blog]</ref>
*[http://www.blueidea.com/tech/web/2008/5708.asp 详解CSS3中的属性选择符]
+
*[http://www.blueidea.com/tech/web/2008/5708.asp 详解CSS3中的属性选择符]<ref>译者:[[user:sivadu|sivadu]] 英文原文:[http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/ CSS 3 selectors explained]</ref>
*[http://www.blueidea.com/tech/web/2009/6806_2.asp CSS3所增加的3个'''属性选择器''']
+
*[http://www.blueidea.com/tech/web/2009/6806_2.asp CSS3所增加的3个'''属性选择器''']<ref name="vocal">译者:[[user:vocal|vocal]] 中文原文:[http://www.qianduan.net/take-your-design-to-the-next-level-with-css3.html 用CSS3将你的设计带入下个高度] 英文原文:[http://www.smashingmagazine.com/2009/06/15/take-your-design-to-the-next-level-with-css3/ Take Your Design To The Next Level With CSS3]</ref>
*[http://www.blueidea.com/tech/web/2009/6806_3.asp CSS3中丰富的'''伪类''']
+
*[http://www.blueidea.com/tech/web/2009/6806_3.asp CSS3中丰富的'''伪类''']<ref name="vocal"/>
*[http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-support/ 浏览器对CSS选择符的支持情况]<ref>原文标题:Google Chrome Browser CSS Selector Support</ref>
+
*[http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-support/ 浏览器对CSS选择符的支持情况]<ref>原文:[http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-support/ Google Chrome Browser CSS Selector Support]</ref>
 +
 
 +
 
 +
===以下手册提供CSS选择符语法参考===
 +
 
 +
请注意:如下载的CHM文件打不开,可以尝试右键点击CHM文件,然后在“属性”中“解除锁定”。
 +
 
 +
*[http://www.w3cn.org/resource/down/2004/73.html CSS 2.0手册(苏沈小雨版) CHM格式下载]
 +
*[http://webteam.tencent.com/css3/ CSS 3.0 参考手册 (中文版)'''CHM格式下载''']<ref>[http://webteam.tencent.com/ 腾讯ISD WEBTEAM 09年Q2力作。] </ref>
  
 
==备注==
 
==备注==

2010-03-18T09:42:16的最后版本

CSS选择符是一条完整的CSS规则的起始部分,即之前声明的部分。它决定该规则中定义的CSS属性即将影响的文档范围,即规定文档中哪些元素将受其影响。CSS选择符随着CSS版本的更新也会逐步增加,例如发展中的CSS3就新增加了3个属性选择符[1],新增的属性选择符将使得不必增加多余的Class或ID即可精确匹配到目标元素,而更多的伪类选择符[1]使得我们制作诸如隔行变色更加容易。


了解CSS选择符


以下手册提供CSS选择符语法参考

请注意:如下载的CHM文件打不开,可以尝试右键点击CHM文件,然后在“属性”中“解除锁定”。

备注

  1. 1.0 1.1 1.2 1.3 译者:vocal 中文原文:用CSS3将你的设计带入下个高度 英文原文:Take Your Design To The Next Level With CSS3
  2. 作者:greengnn
  3. 来源于:JustinYoung's Blog
  4. 译者:sivadu 英文原文:CSS 3 selectors explained
  5. 原文:Google Chrome Browser CSS Selector Support
  6. 腾讯ISD WEBTEAM 09年Q2力作。