并集选择器:
并集选择器可以选择多组标签,同时为他们定义相同的样式。通常用于集体声明。
元素1, 元素2(样式声明)
不同元素之间使用英文逗号隔开。
并集选择器中可以使用任何形式的选择器。
伪类选择器:
伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或者选择第一个、第n个元素。
伪类选择器类型有很多,如链接伪类、结构伪类等。
伪类选择器前面加英文冒号表示。
链接伪类选择器:
a:link /* 选择所有未被访问的链接 */
a:visited /* 选择所有已被访问的链接 */
a:hover /* 选择所有鼠标指针位于其上的链接 */
a:active /* 选择活动链接(鼠标按下未弹起的链接) */
注意事项:
1.为了确保链接伪类可以生效,需要按照LVHA的顺序来书写,即link,visited,hover,active。(可以只用其中几项)
2.因为链接标签在浏览器中具有默认样式,所以我们实际工作中需要给链接单独指定样式。
:focus伪类选择器:
:focus伪类选择器用于选取获得焦点的表单元素。
焦点就是光标,一般情况<input>类表单元素才能获取,因此这个选择器也主要针对于表单元素来说。
input:focus {
background-color: yellow;
color: red;
}