Javascript 在jQuery中，all选择器（“*”）是如何工作的？

我在浏览jQuery文档时，被all selector（“*”）示例弄糊涂了。为什么本例中的“h3”标记会有红色边框

var elementCount=$（“*”）.css（“边框”，“3px实心红色”）.length；
$（“body”）.prepend（“+elementCount+”找到的元素”）
h3{
保证金：0；
}
司，司潘，p{
宽度：80px；
高度：40px；
浮动：左；
填充：10px；
利润率：10px；
背景色：#EEEEEE；
}

全部演示
DIV
跨度
p按钮

*
选择DOM中的所有元素。这包括
，这就是您所看到的边界的实际位置。如果删除浮点，则更为明显，其他所有内容在下面的代码段中都是相同的：


var elementCount=$（“*”）.css（“边框”，“3px实心红色”）.length；
$（“body”）.prepend（“+elementCount+”找到的元素”）
h3{
保证金：0；
}
分区，
跨度
p{
宽度：80px；
高度：40px；
填充：10px；
利润率：10px；
背景色：#EEEEEE；
}

DIV
跨度
p按钮
它实际上是body@PranavCBalan身体的边缘不应该围绕着所有的孩子吗？你能再解释一下吗？那是初学者的噩梦。我总是建议你避免使用浮动，除非你真的被迫这样做。但就目前的情况来看，这种情况不应该经常发生。Float可以工作，有些人已经用它们做了很棒的事情，但是它太棘手了，你应该仔细研究flexbox或者简单的内联块。。。