CSS样式选择器

首先,外联样式表通过标签表现于三种形式,持久样式表、自选样式表、替代样式表。对于标签来说, itle属性很重要,持久样式表没有title属,而替代样式表属性中rel=”alternate tylesheet”。

可以使用meta元素来设置自选样式表:

<link rel=”alternate stylesheet” href=”css/theme1.css />

CSS3选择器有以下几种:

  1. 元素选择器:

    通用元素选择器:    * { }
    class类选择器:    .error { }
    id选择器:         #id { }
    类型选择器:       p { }
  2. 关系选择器:

    E F 包含选择符:     选择所有被E元素包含的F元素。 
        
    E>F 子选择符选择:  所有作为E元素的子元素F。 
    E+F 相邻选择符: 选择紧贴在E元素之后F元素。 
    E~F 兄弟选择符: 选择E元素所有兄弟元素F。
  3. 属性选择器:

    E[att] :选择具有att属性的E元素。 
    E[att="val"] : 选择具有att属性且属性值等于val的E元素。 
    E[att$="val"] : 选择具有att属性且属性值为以val结尾的字符串的E元素。 
    E[att*="val"] : 选择具有att属性且属性值为包含val的字符串的E元素。 
  4. 伪类选择器:

    E:link:设置超链接a在未被访问前的样式。 
    E:visited:设置超链接a在其链接地址已被访问过时的样式。 
    E:hover :设置元素在其鼠标悬停时的样式。 
    E:active : 设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。 
    E:focus:设置元素在成为输入焦点(该元素的onfocus事件发生)时的样式。 
  5. 伪对象选择器:

    E:first-letter/E::first-letter : 设置对象内的第一个字符的样式。 
    E:first-line/E::first-line : 设置对象内的第一行的样式。 
    E:before/E::before : 设置在对象前(依据对象树的逻辑结构)发生的内容。
    E:after/E::after : 设置在对象后(依据对象树的逻辑结构)发生的内容。
    E::selection : 设置对象被选择时的颜色。