css中多个样式的应用的微妙问题。

我的前端之路，急难千金方（个人版/滑稽脸）----------
今天在写一个小功能时候 发现了一个css的class 类集合的问题
众所周知，当一个盒子需要应用多个样式时我们可以直接在class=""内部用空格连接。比如样式A和B 同时应用到盒子内部 写为 class =“A B”.
but,话不多说直接上图演示
接下来我在我的P标签内选择引入

看一眼效果

要不写成个数组？

然后问题来了…

？？？为什么【】内，0 和 3 位置的样式没有读取到 ，也没有报错啥的 单单就读取到了1，2 位置的样式呢？？？？

我去掉第一个样式red看看：

得 ， 斜体 get 。 又去掉了头尾样式？？？？

今日先行记录，容后有解再补。
当然，倘有大佬不吝赐教，不胜惶恐涕零。