web学习—css样式表—css语法（二）

6、选择符：

   前边简单的看过选择符。不过对于选择符还有许多要学习的地方，下面就详细的看下css中选择符的详细用法了。

选择符语法：CSS选择符的名称只能由英文字母、数字与连字符("-")组成。

                         一个选择符是由一个或多个简单选择符序列组成的链，多个简单选择符序列通过组合符分隔。以类型选择符或全局选

                         择符开头，且最后一个简单选择符序列可跟随一个伪元素。

                           简单选择符包括：类型选择符、全局选择符、属性选择符、类选择符、ID选择符、伪类。

                          组合符包括：空白（whitespace）、>（大于号，greater-than sign）、+（加号，plus sign）、~（破折号，tilde）。

                          CSS选择符本身不区分大小写的，但其依赖于其文档语言。例：在HTML中CSS选择符可不区分大小写，用在XHTML与XML中的CSS选择符应区

                         分大小写了。

选择符简写：1）、几个选择符有相同的声明，那么可以将它们组成用分号分隔的列表，选择符中最后一个声明后可不加分号。

                         2）、一个选择符有多个声明，可以将多个声明组成以分号分隔的组。

                         3）、用选择符相嵌套的方式简化书写。

                         4）、某些属性是缩写属性，这些缩写属性可以一次设置多个CSS属性，如background属性，font属性等。

类型选择符：匹配文档中相同名称的元素。例如：p{color:pink}

全局选择符：匹配文档中的任意一个元素。例如：*｛color：pink｝

类选择符：匹配文档中元素的class属性的属性值为classname的元素。如：e.classname{color:pink}

                       一个文档中可以多次使用一个类选择符，而且可以使用在不同的标签上。

                       如果类选择符名称前面有标签名，此类选择符就只能使用在此标签中。

                       文档中的一个元素的class属性值也可以使用多个CSS类选择符定义的样式。

                       类选择符名称可以使用多个“.”相连，形成类选择符链。当一个元素使用了所有的样式时才会显示出其样式。

ID选择符：匹配文档中元素E的id属性的属性值为idname的元素。例如：#idname{color：pink}

                    如果ID选择符名称前面有标签名，此ID选择符就只能使用在此标签中。

组合选择符：1）、E F包含选择符：匹配文档中符合选择符规定的包含关系的元素。（E元素中的F元素，E、F指简单选择符）。

                         2）、E>F子对象选择符：匹配文档中符合选择符规定的直接包含关系的元素。

                         3）、E+F直接相邻选择符：匹配文档中符合选择符规定的直接相邻关系的元素。

                         4）、E~F普通相邻选择符：匹配文档中符合选择符规定的普通相邻关系的元素。F在E后出现则匹配元素F。

属性选择符：1）、E[att]：匹配文档中具有att属性的E元素。

                         2）、E[att=val]：匹配文档中具有att属性且其值为val的E元素。

                         3）、E[att~=val]：匹配文档中具有att属性且其中一个值为val的E元素。

                         4）、E[att|=val]：匹配文档中具有att属性且其中一个值为val，或者以val开头紧随其后的是连字符-的E元素。

                         5）、E[att^=val]：匹配文档中具有att属性且其值的前缀为val的E元素。

                         6）、E[att$=val]：匹配文档中具有att属性且其值的后缀为val的E元素。

                         7）、E[att*=val]：匹配文档中具有att属性且其包含val的E元素。

7、伪元素：

::first-line 伪元素：匹配一个段落的第一行的样式。（注：::first-line伪元素只可以和块类元素（div、p）连用）

                          可以应用在::first-line中的属性包括：font，color，background，word-spacing，letter-spacing，text-decoration，

                                                                                                  vertical-align，text-transform，line-height。

::first-letter 伪元素：匹配第一个字母（中文是第一个文字）的样式。

                           可以应用在::first-letter中的属性包括：font，text-decoration，text-transform，letter-spacing，word-spacing ，

                                                                                 line-height，float，vertical-align，margin，padding，border，color，background。

::before 伪元素：定义在一个元素的内容之前插入content属性定义的内容与样式。

::after 伪元素：定义在一个元素的内容之后插入content属性定义的内容与样式。

::selection 伪元素：定义用户鼠标已选择内容的样式。

8、伪类：

:link 伪类：适用于未被用户访问过的链接。

:visited 伪类：适用于已被用户访问过的链接。

:hover 伪类：适用于光标（鼠标指针）指向一个元素，但此元素未被激活时的样式。

:active 伪类：适用于一个元素被激活时的样式。

:focus 伪类：适用于已获取焦点的元素的样式。

:first-child 伪类，匹配其它元素的第一个子元素。这个用法上有点特殊，所以使用时应注意。

:lang（c） 伪类，匹配以语言C表示的元素样式。当标签中定义了lang属性时才生效。

        至此可以说对于css已经学习完了。但是有好多的特效之类的要自己做时，无疑是一件极其浪费时间，并且效率不高的工作。所以在后边的学习中，还要记一些特殊效果的用法。下一篇就收集一些以便以后用吧。