抑郁症健康,内容丰富有趣,生活中的好帮手!
抑郁症健康 > 详谈css选择器 html中class选择器又叫 – CSS – 前端 css 相对剧中

详谈css选择器 html中class选择器又叫 – CSS – 前端 css 相对剧中

时间:2023-08-11 16:32:37

相关推荐

html中的class=是一个选择器,可以理解为一个标识,用来标识特定的标签。

比如:<divclass="div1"></div>这就是一个标识效果,以后你想要改变这个div的样式的话就可以找class为div1的元素了。

@ 伪类选择器hover的使用?

定义和用法:hover 选择器用于选择鼠标指针浮动在上面的元素。提示::hover 选择器可用于所有元素,不只是链接。提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。代码效果测试:

请把鼠标指针移动到这些链接上。

这个链接改变颜色。

这个链接改变字体大小。

这个链接改变背景色。

这个链接改变字体。

这个链接会出现下划线。

@ html中级联样式表用什么表示?

表示方式有以下几种:

1、行间式 书写位置:在标签的style属性中书写样式,优缺点: 可读性差,没有复用性,书写直接

<h1>css的引入</h1>

2、内联式书写位置:在head标签中的style标签内css语法:css选择器 { 样式1; 样式2; }

优缺点: 可读性强,有复用性,样式被html页面绑定了,不能提供给其它html页面使用

3、外联式书写位置:在外部css文件中,在html文件中通过link标签引入css文件

优缺点: 可读性强,有复用性,适合团队开发(文件级别的复用性)

<link rel="stylesheet" href="css/样式引入.css">

@ CSS选择器权重如何计算?

很古老的话题了

id=100

class=10

tag(标签)=1

按照这个规律去计算,比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一个的权重要比第二个要高。另外关于权重的扩展知识面,偶推荐了解下BEM命名规则,这个观念很好,可以从侧面杜绝权重问题的产生,还有一个就是提高权重的方法 !important;

如果觉得《详谈css选择器 html中class选择器又叫 – CSS – 前端 css 相对剧中》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。