CSS重塑方案(一):选择器元素选择器*通配符选择器(UniversalSelector),选择所有元素对象。E类型选择器(TypeSelector),以文档语言对象类型为选择器。E#myidid选择器(IDSelector),将唯一标识符id属性等于myid的E对象作为选择器。E.myclass类选择器(ClassSelector),将class属性包含myclass的E对象作为选择器。关系选择器EF包括选择器(Descendantcombinator),它选择E元素包含的所有F元素。E>F子选择器(Childcombinator),选择所有属于E元素的子元素F。E+F相邻选择器(Adjacentsiblingcombinator),选择紧跟在E元素之后的F元素。E~F(CSS3)兄弟选择器(Generalsiblingcombinator),选择E元素的所有兄弟元素F。属性选择器E[att]选择具有att属性的E元素。E[att="val"]选择具有att属性且其值等于val的E元素。E[att~="val"]选择具有att属性的E元素,其值为以空格分隔的单词列表,其中一个等于val。E[att|="val"]选择具有att属性的E元素,属性值以val开头,由连接符“-”分隔。如果属性值只有val,也会被选中。E[att^="val"](CSS3)选择具有att属性且值为以val开头的字符串的E元素。E[att$="val"](CSS3)选择具有att属性且值为val终止字符串的E元素。E[att*="val"](CSS3)选择具有att属性的E元素,其值为包含val的字符串。伪类选择器E:link设置超链接a被访问前的样式。E:visited设置链接地址被访问时超链接a的样式。E:hover设置鼠标悬停在元素上时的样式。E:active设置元素在被用户激活时的样式(发生在鼠标单击和松开之间的事件)。E:focus设置元素成为输入焦点时的样式(元素的onfocus事件发生)。E:lang(fr)匹配使用特定语言的E元素。E:first-child匹配父元素的第一个子元素E。@page:first设置用于页面容器第一页的样式。仅对于@page规则@page:left设置用于页面容器位于装订线左侧的所有页面的样式。@page-only规则@page:right设置用于页面容器位于装订线右侧的所有页面的样式。仅适用于@page规则E:not(s)(CSS3)匹配不包含s选择器的元素E。E:root(CSS3)匹配文档根部的E元素。E:last-child(CSS3)匹配父元素的最后一个子元素E。E:only-child(CSS3)匹配父元素的唯一子元素E。E:nth-child(n)(CSS3)匹配父元素的第n个子元素E。E:nth-last-child(n)(CSS3)匹配父元素的最后第n个子元素E。E:first-of-type(CSS3)匹配相同类型的第一个兄弟元素E。E:last-of-type(CSS3)匹配相同类型的最后一个兄弟元素E。E:only-of-type(CSS3)匹配相同类型的唯一兄弟元素E。E:nth-of-type(n)(CSS3)匹配相同类型的第n个兄弟元素E。E:nth-last-of-type(n)(CSS3)匹配相同类型的最后第n个兄弟元素E。E:empty(CSS3)匹配没有任何子元素(包括文本节点)的元素E。E:checked(CSS3)匹配在用户界面上选中的元素E。(当输入类型为radio和checkbox时使用)E:enabled(CSS3)匹配用户界面上可用状态的元素E。E:disabled(CSS3)匹配在用户界面上禁用的元素E。E:target(CSS3)匹配相对URL指向的E元素。伪对象选择器E:first-letter/E::first-letter(CSS3)设置对象中第一个字符的样式。E:first-line/E::first-line(CSS3)设置对象中第一行的样式。E:before/E::before(CSS3)设置对象之前发生的事情(根据对象树的逻辑结构)。与content属性一起使用使用E:after/E::after(CSS3)来设置出现在对象之后的内容(根据对象树的逻辑结构)。与content属性一起使用以使用E::placeholder(CSS3)设置对象文字占位符的样式。E::selection(CSS3)设置对象被选中时的颜色。
