为什么从div扩展的自定义元素在样式方面不能像div那样工作

从div扩展的自定义元素在样式方面不能像div那样工作，是因为自定义元素是HTML中的新标签，浏览器对其默认样式的处理方式与div不同。

1. 概念：自定义元素是通过使用Web组件技术创建的一种自定义HTML元素，可以通过JavaScript来定义其行为和样式。
2. 分类：自定义元素可以分为自闭合元素和非自闭合元素。自闭合元素类似于<img>标签，不需要闭合标签，而非自闭合元素需要使用闭合标签。
3. 优势：自定义元素的优势在于可以创建具有特定功能和样式的可重用组件，提高代码的可维护性和复用性。
4. 应用场景：自定义元素适用于构建复杂的Web应用程序，特别是需要重复使用的组件，例如导航栏、轮播图、模态框等。
5. 推荐的腾讯云相关产品和产品介绍链接地址：腾讯云提供了云开发服务，其中包括云函数、云数据库、云存储等产品，可以用于支持自定义元素的开发和部署。具体产品介绍请参考腾讯云云开发官方文档：https://cloud.tencent.com/product/tcb

需要注意的是，自定义元素的样式需要通过CSS来定义，可以使用类选择器、ID选择器等方式来为自定义元素添加样式。由于自定义元素是新标签，浏览器对其默认样式的处理可能与div不同，因此在使用自定义元素时，需要通过CSS来明确指定所需的样式。

总结：从div扩展的自定义元素在样式方面不能像div那样工作，是因为自定义元素是新标签，浏览器对其默认样式的处理方式与div不同。可以通过CSS来为自定义元素添加样式，并且可以使用腾讯云的云开发服务来支持自定义元素的开发和部署。