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 相对剧中》对你有帮助,请点赞、收藏,并留下你的观点哦!