解释2-19的习题

来源:2-19 选择练习

qq_慕仰20210716

2021-07-25 22:22:02

老师,2-19的解析我没看明白,也不太理解每个选项。A写到ul,如果只写这一个样式那无序列表样式生效吗,B有一个序号选择器,权重值是(0,1,1)吗,那他也不是一个   .  呀,是这样计算吗,老师。辛苦老师解答啦❤

写回答

2回答

好帮手慕慕子

2021-07-26

同学你好,对于你的问题解答如下:

1、​“A写到ul,如果只写这一个样式那无序列表样式生效吗” 意思是代码只写下面两个选择器吗?

http://img.mukewang.com/climg/60fe1a6809958bef02640123.jpg

如果是的话,那么,此时第一个li是红色,其他两个li会继承给ul设置的color属性,文字显示是绿色。

2、“B有一个序号选择器,权重值是(0,1,1)吗,”是指li:first-child 吗?如果是的话,那么同学理解是对的,:first-child是伪类,它和“类选择器”的权重是一样的;li:first-child相当于有一个类选择器和一个标签选择器,权重值为(0,1,1)

3、本题选择示例代码最终的效果,即:第一个li是红色,其他两个li是蓝色,只有B选项是正确的,其他项描述都是错误的干扰项。所以这里重点关注这段代码即可,可以结合下图注释理解这段代码

http://img.mukewang.com/climg/60fe1a00096c5f6d05460676.jpg

祝学习愉快~

祝学习愉快~


1
hq_慕仰20210716
hp>老师,A选项,如果style标签里只有第一个,是不是第一个的样式就会生效。而且它不属于继承设置样式,是(0,2,1)吗老师

如果一个样式不属于继承设置样式,那么不管是选择器设置样式还是继承设置样式,都是只要没直接选中标签,就都可以先排除了,对吗,老师,辛苦老师回答啦❤

h021-07-26
共1条回复

好帮手慕慕子

2021-07-26

同学你好,对于你的问题解答如下:

1、“如果style标签里只有第一个”,是指下图的写法吗?

http://img.mukewang.com/climg/60fe79d90955752004610396.jpg

如果是的话,那么,有两个类选择器,一个标签选择器,所以当前选择器的权重值是(0, 2 , 1)。

这个选择表示选择.box1下.box2下的ul元素,所以针对ul元素来说,是直接设置样式,但是针对ul下的子元素li,会继承它的先辈元素ul设置的样式,此时文字颜色为绿色,可以通过检查元素查看ul和li的样式,如下:

http://img.mukewang.com/climg/60fe7b4709630a9a12160354.jpg

http://img.mukewang.com/climg/60fe7b7209773aac13550400.jpg

如果不是的话,可以图文结合详细描述下,便于帮助同学准确的定位与解决问题。

2、是的,直接选中元素设置的样式优先级大于继承设置的样式。

祝学习愉快~

1

0 学习 · 17877 问题

查看课程