一、基础选择器
标签(元素)选择器
标签名{ 样式; }
/*选择所有标签名的所有元素。*/
类(class)选择器
.类名{ 样式; } /*选择类名相同的所有元素*/
id(身份证)选择器
#id号{ 样式; } /*选择对应id的原色*/
二、高级选择器
后代选择器
父代标签 子代标签{ 样式; } /*选择父代标签下的子代标签元素*/
/*父代选择器可以是id选择器、类选择器、标签选择器*/
子代选择器
父代标签>亲子代标签{ 样式; } /*选择父代标签下的亲子代标签元素*/
组合选择器
标签1,标签2{ 样式; } /*选择所有的标签1和所有的标签2*/
交集选择器(了解,不常用)
当标签1选择器和标签2选择器中有相同的样式时使用。
标签1标签2{ 相同的样式; } /*选择所有的标签1和所有的标签2*/
伪类选择器
/*没有被访问过a的状态*/ a:link{ color: orange; } /*访问过后的a的状态*/ a:visited{ color: green; } /*鼠标悬浮时a的状态*/ a:hover{ color: black; } /*鼠标按住的时候a的状态*/ a:active{ color: red; }
注意::hover可以应用于任何元素。