美文网首页
CSS有哪些选择器,优先级如何计算

CSS有哪些选择器,优先级如何计算

作者: 备用的昵称 | 来源:发表于2017-10-13 23:43 被阅读0次

为何会有CSS选择器?

HTML页面中元素的尺寸大小,颜色,状态等是可以通过CSS选择器进行控制的。

要想使用CSS将样式应用于特定的HTML元素,我们就需要想办法找到这个元素。

而在CSS中,执行这一个任务的样式规则任务的部分称之为选择器(Selector)。

常用的选择器

最常用的选择器类型是:类型选择器后代选择器。适用于应用那些使用范围广的一般性样式。

类型选择器:是用来寻找特定类型的元素,譬如段落或者标题元素。

类型选择器也称之为 元素选择器 或 简单选择器。

后代选择器:可用来寻找特定元素或元素组的后代。

后代选择器由其他两个选择器之间的空格表示,后代选择器作用于所有子后代元素。

伪类选择器:有时候我们需要根据文档结构之外的其他条件对元素应用样式,譬如表单元素或者链接的状态 这就需要使用伪类选择器来完成

伪类链接的顺序:如果多个伪类标签不按照规定的顺序,是没有效果的。

a:link/* 未访问的链接 */

a:visited/* 已访问的链接 */

a:hover/* 鼠标在链接上 */

a:active/击激活链接——在你点击该链接之后

选择器的优先级:以权值大小来划分,权值越大,越优先。

选择器的特殊性分为4个等级

内联样式表的权值为 1000

ID 选择器的权值为 100

Class 类选择器的权值为 10

HTML 标签选择器的权值为 1

相关文章

  • 2020-05-13

    今天的笔试题: 1、CSS选择器有哪些?哪些属性可以继承?优先级算法如何计算? 2、超链接访可过后 hover样式...

  • 前端面试题集每日一练Day1

    问题先导 html标签的src属性和href属性的区别?【html】 css选择器有哪些?这些选择器的优先级如何判...

  • 前端面试题总结【8】:CSS面试必问点!

    CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些? CSS 选择符:1.id选...

  • 其他试题6~10

    6、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些? 7、列出display...

  • CSS选择器的优先级

    CSS有哪些选择器:!important,id选择器,类选择器,行内选择器,标签选择器优先级:!important...

  • 面试NO.1——CSS

    一、CSS优先级算法如何计算?选择器优先级ID>class>元素选择器ID选择器的特殊性值,加0,1,0,0。类选...

  • 浅谈CSS选择器,及CSS选择器优先级

    在看CSS选择器优先级顺序前,我们先来简单说说CSS基本选择器有哪些? 通用选择器(如:*,即选择所有元素) 标签...

  • web前端面试题

    1.css有哪些选择符,它们的优先关系计算 CSS 元素选择器CSS 类选择器CSS ID 选择器CSS 属性选择...

  • web前端的面试题

    1.css有哪些选择符,它们的优先关系计算 CSS 元素选择器CSS 类选择器CSS ID 选择器CSS 属性选择...

  • (7)-基础CSS

    class和id的使用场景。CSS常见选择器。选择器的优先级是怎样的?复杂场景如何计算优先级?列出你知道的伪类选择...

网友评论

      本文标题:CSS有哪些选择器,优先级如何计算

      本文链接:https://www.haomeiwen.com/subject/jztaextx.html