html选择符样式优先级

 时间:2026-02-15 05:55:02

1、同级选择符

同级选择符的样式默认后者覆盖前者

html选择符样式优先级

html选择符样式优先级

2、类型选择符优先级

原则:假如默认的类型选择符1个为1,那么两个类型选择符加起来就是2,以此类推,即2优先于1

html选择符样式优先级

html选择符样式优先级

3、class选择符优先级

原则:1.假定class选择符默认优先级为10 2.同级样式优先级默认后者覆盖前者 3.优先级:类型(1)

代码结果对照比较:图1-图2;图三-图四;图五-图六

html选择符样式优先级

html选择符样式优先级

html选择符样式优先级

html选择符样式优先级

html选择符样式优先级

html选择符样式优先级

4、id标识符优先级

原则:1.假定id标识符的优先级为100 2.优先级顺序:类型(1)<class(10)<id(100)

html选择符样式优先级

html选择符样式优先级

5、style行间样式标识符 

原则:优先级顺序:类型(1)<class(10)<id(100)<style行间样式

html选择符样式优先级

html选择符样式优先级

6、JS样式 

原则:优先级顺序:类型(1)<class(10)<id(100)<style行间样式<JS样式

html选择符样式优先级

html选择符样式优先级

  • css如何清除li列表默认样式
  • php之cookie的使用-统计访问次数
  • 如何利用HTML5和CSS3制作图片列表并展示效果
  • html如何引入外部css样式
  • css段距为5像素
  • 热门搜索
    兰蔻护肤品怎么样 几点了用英语怎么说 淘宝怎么改密码 脸红发热是怎么回事 经常放臭屁是怎么回事 福特车怎么样 ab胶怎么去除 奇瑞汽车怎么样 皮肤干燥瘙痒怎么办 厦门航空怎么样