今天对css的选择器体会了一下,来和大家分享一下。
1.link选择器:link选择器是对未被访问的链接设置样式,目前来说所有的主流浏览器均支持link选择器,一句话来说,link选择器是在你点击链接之前改变链接的一些样式。
2.visited选择器:正如这个选择器的名字一样,visited,这个选择器与link选择器正好相反,它改变已访问链接的设置样式,目前来说所有的主流浏览器均支持visited选择器。
3,.active选择器:active选择器用于选择活动链接,改变它们的设置样式,当你用鼠标点击时,这个链接此时是活动的,active选择器所改变的就是点击一瞬间的那个触发设置样式,目前来说所有的主流浏览器均支持active选择器。
4.hover选择器:hover选择器是选择鼠标指针浮动在其上的元素,并设置其样式。在css的规定中,如果存在:link和:visited,:hover必须位于它们两个的后面才能生效,目前来说所有的主流浏览器均支持hover选择器。
5.focus选择器:focus选择器用来设定鼠标获得焦点的时候的设置样式。它用来选取获得鼠标焦点的元素并在焦点接触时发挥作用,接收键盘事件或其他用户输入的元素都允许 :focus 选择器。目前来说所有的主流浏览器均支持focus选择器,不过如果focus 用于 IE8 ,则必须声明 <!DOCTYPE>。