为何会有CSS选择器?
HTML页面中元素的尺寸大小,颜色,状态等是可以通过CSS选择器进行控制的。
要想使用CSS将样式应用于特定的HTML元素,我们就需要想办法找到这个元素。
而在CSS中,执行这一个任务的样式规则任务的部分称之为选择器(Selector)。
常用的选择器
最常用的选择器类型是:类型选择器和后代选择器。适用于应用那些使用范围广的一般性样式。
类型选择器:是用来寻找特定类型的元素,譬如段落或者标题元素。
类型选择器也称之为 元素选择器 或 简单选择器。
后代选择器:可用来寻找特定元素或元素组的后代。
后代选择器由其他两个选择器之间的空格表示,后代选择器作用于所有子后代元素。
伪类选择器:有时候我们需要根据文档结构之外的其他条件对元素应用样式,譬如表单元素或者链接的状态 这就需要使用伪类选择器来完成
伪类链接的顺序:如果多个伪类标签不按照规定的顺序,是没有效果的。
a:link/* 未访问的链接 */
a:visited/* 已访问的链接 */
a:hover/* 鼠标在链接上 */
a:active/击激活链接——在你点击该链接之后
选择器的优先级:以权值大小来划分,权值越大,越优先。
选择器的特殊性分为4个等级
内联样式表的权值为 1000
ID 选择器的权值为 100
Class 类选择器的权值为 10
HTML 标签选择器的权值为 1