html5中的几种常见选择器

html5中的几种常见选择器,第1张

每天一更新,这些初级html知识你掌握了吗?

css选择器优先级:作用的元素一样,样式一样,就会有优先级问题。

* 通配选择器 0

* 标签名选择器 1

* 类选择器 10

* id选择器 100

* 后代选择器 选择器1 选择器2 ...(会有相加的过程)

* 群组选择器 选择器1,选择器2,... (不会有相加的过程)

注意:

* 1.相同类型的选择器 样式冲突下 后覆盖前

* 2.不同类型的选择器 样式冲突下 优先级高覆盖优先级低

* 3.* <Tags <class <id <style <!important

* 4.!important慎用(非得用的时候,要加注释说明一下)

2.几种样式说明:

(1)HTML标记定义:

例如:

(2)class定义:类定义的方式为 .类名{属性:属性值属性:属性值...}

例如:

(3)id定义:id定义的方式为 #id{属性:属性值属性:属性值...}

(4)优先级问题: 以上三种定义方式的属性优先级为id>class>HTML,当同级的选择器对同一个内容 *** 作时会执行离元素最近的属性

(5)组合选择器

例如:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7664066.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存