前端学习——Day04

前端学习Day04

CSS

1. CSS复合选择器

1.1 后代选择器（重点）

1.2 子元素选择器

1.3 交集选择器

1.4 并集选择器

1.5 链接伪链选择器

1.6 复合选择器总结

2.标签显示模式（display）重点

2.1 什么是标签显示模式

2.2 块级元素

2.3 行内元素

2.4 行内块元素inline-block

2.5 三种模式的总结

3.行高那些事

4.8 背景总结

CSS权重的6个题

 

第一题是blue色，标签被选中，比较权重

第二题还是blue色，因为<p>标签没有被选中

第三题还是blue色，都被选中比较权重。

第四题还是blue色，#father先排除，继承优先级为0，p.c2的优先级高于div p所以还是蓝色。

第五题是yellow色，三个都被选中了，所以要计算权重，其中可以先排除.c1 .c2 div因为其他两个都带有#优先级很高，之后比较发现div #box3和#box1 div的优先级一样都是0，1，0，1。优先级一样选择就近原则所以是yellow。

第六题是blue色，尽管#father后面带着!important但是因为#father是继承所以优先级为0先排除掉，接着比较剩下三个优先级可以明显看出#father #son优先级最高为0，2，0，0所以是blue色。