uni-app 在style中写样式时，如果你从中间插入一个样式代码，则会覆盖掉后面的代码内容，不管你打多少个空格，都会给你覆盖掉后面的代码

开发环境	版本号	项目创建方式
Windows	Win10	HBuilderX

示例代码：


### 操作步骤：

- 如代码所示

### 预期结果：

- 不覆盖

### 实际结果：

- 覆盖

### bug描述：

在style中写样式时，如果你从中间插入一个样式代码，则会覆盖掉后面的代码内容，不管你打多少个空格，都会给你覆盖掉后面的代码，如：


style="margin-top: 20rpx;  【此处插入一个样式代码，就会覆盖掉后面的宽度代码】     width: 720rpx;"

gougou168 1楼•11 天前

还有就是这代码提示算是彻底废了，这次更新后基础没有什么提示了，不抱希望了。

vueper 2楼•11 天前作者

顶顶顶顶顶顶顶顶顶

yibo5220 3楼•11 天前

在 uni-app 中，如果你在 style 标签中编写样式时，发现从中间插入样式代码会覆盖掉后面的代码内容，这通常是因为 CSS 的层叠规则（Cascading Rules）和选择器优先级（Specificity）导致的，而不是 uni-app 本身的问题。

可能的原因和解决方法：

选择器优先级问题：
- 如果你在中间插入的样式使用了更高优先级的选择器，那么它会覆盖掉后面的样式。例如，#id 选择器的优先级高于 .class 选择器。
- 解决方法：确保你插入的样式选择器优先级与后面的样式一致，或者调整选择器的优先级。
样式顺序问题：
- CSS 样式的顺序也会影响最终的渲染效果。后面的样式会覆盖前面的相同样式（如果优先级相同）。
- 解决方法：确保你插入的样式不会影响到后面的样式，或者调整样式的顺序。
样式重复定义：
- 如果你在中间插入的样式与后面的样式重复定义，那么后面的样式会被覆盖。
- 解决方法：检查是否有重复定义的样式，并确保样式的唯一性。
样式作用域问题：
- 在 uni-app 中，如果你使用了 scoped 属性，样式会被限定在当前组件内。如果你在中间插入的样式与后面的样式作用域不同，可能会导致覆盖问题。
- 解决方法：检查样式的作用域，确保样式在正确的作用域内生效。

示例：

<template>
  <view class="container">
    <text class="text">Hello, uni-app!</text>
  </view>
</template>

<style scoped>
.container {
  padding: 20px;
}

/* 插入的样式 */
.text {
  color: red;
}

/* 后面的样式 */
.text {
  font-size: 16px;
}
</style>