软件测试基础——CSS（五）

一、优先级（权重）

在给同一个标签设置样式的时候，才有所谓的优先级权重对比

id选择器>类选择器>标签选择器

二、CSS的书写位置（引入方式）

1、内嵌式CSS：代码写在style标签中，放在head标签里，title标签下；

2、外链式CSS：CSS代码单独写在CSS文件中，通过link标签里面的href设置的路径选中（实现CSS与HTML的分离，修改代码容易查找）；

3、行内式CSS：CSS代码写在HTML标签上（不推荐使用，修改不方便，造成代码量增多，降低页面打开速度，影响用户体验）

测试点：电商网站首页必须使用内嵌式（外链式打开速度比内嵌式慢），其他页面使用外链式（易修改）

三、后代选择器

div span{}

在CSS选择器中如果出现空格，代表寻找；后代（包括儿子、孙子...）

四、并列、并集选择器

div, span, #idname, .classname{}

使用","连接想要一起设置相同样式的元素

五、引入方式（书写位置）权重对比

（内嵌=外链）< 行内

注意：可以添加“ !important ” 来提高权限

xxx{color: red!important;}

六、高级权重对比