青色

马黑黑

南无月 发表于 2024-3-13 18:09
看了这个回复，原来视频也有层级之分。。
只是一个视频要跟鼠标移动，另一个背景视频不动。。
代码也能 ...

不是视频有层级之分，是所有元素有层级之分。所要要求规范写代码，一眼能瞧出不同代码行是哪个层级的：

<div>
    <div>Hi</div>
    <div>
            <p>Hello</p>
    </div>
</div>

上面代码，红色是第一层，红紫色是第二层，蓝色是第三层。不标颜色的话，通过缩进可以识别层级，假如没有缩进：

<div>
<div>Hi</div>
<div>
<p>Hello</p>
</div>
</div>

人眼是很难区分出层级的。

当然，缩进、着色不是必须的，浏览器它都懂。

南无月

马黑黑 发表于 2024-3-13 18:41
不是视频有层级之分，是所有元素有层级之分。所要要求规范写代码，一眼能瞧出不同代码行是哪个层级的：
...

这个之前老师有讲过，今天再看更加清晰。。
规范写代码可以更好理解代码。。
所以老师每贴代码都赏心悦目

南无月

马黑黑 发表于 2024-3-13 18:31
可能是刚刚运气好

运气当然是有，更重要的是老师对色彩运用功底深厚

马黑黑

南无月 发表于 2024-3-13 20:13
运气当然是有，更重要的是老师对色彩运用功底深厚

没有，我色盲

马黑黑

南无月 发表于 2024-3-13 20:12
这个之前老师有讲过，今天再看更加清晰。。
规范写代码可以更好理解代码。。
所以老师每贴代码都赏心悦 ...

主要是维护方便

樵歌

马黑黑 发表于 2024-3-13 16:18

看来是的了

红影

马黑黑 发表于 2024-3-13 16:19
不一定总是太阳的，@樵歌 说瓜皮也可以

哈哈，瓜皮的颜色倒是很符合呢

红影

马黑黑 发表于 2024-3-13 16:20

给黑黑点赞

红影

马黑黑 发表于 2024-3-13 16:21
完了吧？七彩虹现在因为气候问题简化了，只有五彩虹了

没听说过气候还影响彩虹呢

红影

马黑黑 发表于 2024-3-13 16:26
举个轻轻的栗子：

#papa img { ... } ，这个表示，id="papa" 元素下的全部 img 标签，包含子子孙孙；
...

儿子辈的不用加id="vid"，孙子辈的必须加吧？

马黑黑

红影 发表于 2024-3-13 21:46
儿子辈的不用加id="vid"，孙子辈的必须加吧？

文科生理解错误。

加不加 id 标识是另外的机制。这里仅从层级关系去理解HTML标签。

<div id="d1">
    <div><video ...></vedio></div>
    <vedeo ...></video>
</div>

上面的代码，第一个 video 标签是孙子辈，第二个 video 是儿子辈，在CSS中这样找到他们：

#d1 > video {}  找到儿子们
#d1 vedeo {} 所有的儿子们和孙子们都找到

马黑黑

红影 发表于 2024-3-13 21:38
没听说过气候还影响彩虹呢

气候恶化，美丽的颜色缺席

马黑黑

红影 发表于 2024-3-13 21:36
给黑黑点赞

谢点

马黑黑

红影 发表于 2024-3-13 21:35
哈哈，瓜皮的颜色倒是很符合呢

是的

马黑黑

樵歌 发表于 2024-3-13 21:15
看来是的了

是啥呢

红影

马黑黑 发表于 2024-3-13 21:52
文科生理解错误。

加不加 id 标识是另外的机制。这里仅从层级关系去理解HTML标签。

辈分我分清了，我是问为什么一个视屏标签里有id="vid" 一个没有啊。

红影

马黑黑 发表于 2024-3-13 21:53
气候恶化，美丽的颜色缺席

不缺席的都不美丽？

红影

马黑黑 发表于 2024-3-13 21:53
谢点

还好不是谢顶

红影

马黑黑 发表于 2024-3-13 21:54
是的

当然有些瓜皮不是青的

马黑黑

红影 发表于 2024-3-13 22:44
当然有些瓜皮不是青的

什么颜色都可能有吧