编码红色蝴蝶结:共性&特性分离显示问题

来源:2-11 编程练习

白妖

2021-01-09 17:52:57

问题描述:

我在做两个相对的红色三角块形成的简易蝴蝶结编码练习。我将共性部分和特性部分区分开来,其中共性部分设置了宽高、边框颜色(透明),特性部分设置左边框为红色。但实际却仿佛没有生效(如果将特性部分写在共性部分里就可以看到那个红色三角块)

相关代码:

http://img.mukewang.com/climg/5ff97ca109e0cd8007641114.jpg

写回答

1回答

好帮手慕言

2021-01-09

同学你好,同学提供的截图中,有以下问题:

1、.box和.bd1、.bd2是父子级关系,所以类名中间要有空格,修改如下:

http://img.mukewang.com/climg/5ff98a05094d7e9b02690083.jpg

http://img.mukewang.com/climg/5ff98a1109fd873402520099.jpg

如果没有空格的话,会选中既有box类名也有bd1类名的元素(bd2同理)。

2、.box的宽高度设置为0,子元素没有空间显示。宽高为0,设置边框的样式应该是给.bd1、.bd2设置,代码修改如下:
http://img.mukewang.com/climg/5ff98ae9091bffc105140227.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程