CSS样式选择器
首先,外联样式表通过标签表现于三种形式,持久样式表、自选样式表、替代样式表。对于标签来说, itle属性很重要,持久样式表没有title属,而替代样式表属性中rel=”alternate tylesheet”。
可以使用meta元素来设置自选样式表:
<link rel=”alternate stylesheet” href=”css/theme1.css />
CSS3选择器有以下几种:
元素选择器:
通用元素选择器: * { } class类选择器: .error { } id选择器: #id { } 类型选择器: p { }
关系选择器:
E F 包含选择符: 选择所有被E元素包含的F元素。 E>F 子选择符选择: 所有作为E元素的子元素F。 E+F 相邻选择符: 选择紧贴在E元素之后F元素。 E~F 兄弟选择符: 选择E元素所有兄弟元素F。
属性选择器:
E[att] :选择具有att属性的E元素。 E[att="val"] : 选择具有att属性且属性值等于val的E元素。 E[att$="val"] : 选择具有att属性且属性值为以val结尾的字符串的E元素。 E[att*="val"] : 选择具有att属性且属性值为包含val的字符串的E元素。
伪类选择器:
E:link:设置超链接a在未被访问前的样式。 E:visited:设置超链接a在其链接地址已被访问过时的样式。 E:hover :设置元素在其鼠标悬停时的样式。 E:active : 设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。 E:focus:设置元素在成为输入焦点(该元素的onfocus事件发生)时的样式。
伪对象选择器:
E:first-letter/E::first-letter : 设置对象内的第一个字符的样式。 E:first-line/E::first-line : 设置对象内的第一行的样式。 E:before/E::before : 设置在对象前(依据对象树的逻辑结构)发生的内容。 E:after/E::after : 设置在对象后(依据对象树的逻辑结构)发生的内容。 E::selection : 设置对象被选择时的颜色。