.my-notification-warning .el-notification__content { background-color: #ff4949 ; // 设置背景颜色为红色 color: #FFFFFF; }ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', customClass: 'my-notification-warning' // 添加自定义类名 })为什么背景色靠近边框的位置没有生效

这可能是由于ElNotification的样式优先级问题导致的。你可以尝试使用更具体的CSS选择器来设置背景颜色，以增加它的优先级，例如：

.my-notification-warning .el-notification__group .el-notification__content {
  background-color: #ff4949;
  color: #FFFFFF;
}

这样设置可以覆盖默认的背景颜色和字体颜色，而且可以确保在所有情况下都能生效。

另外，你也可以使用!important来强制优先级，例如：

.my-notification-warning .el-notification__content {
  background-color: #ff4949 !important;
  color: #FFFFFF !important;
}

但是使用!important会破坏CSS的样式继承机制，建议在必要的情况下才使用。

相关问题

ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', customClass: 'my-notification-warning' // 添加自定义类名 }) .my-notification-warning .el-notification__content { background-color: #ff4949; // 设置背景颜色为红色 color: #ffffff; }为什么背景颜色只在中间有

这个代码片段中的 `ElNotification` 是一个使用 Element UI 组件库中的通知组件来显示错误信息的函数。根据代码，`customClass: 'my-notification-warning'` 属性是用来给通知组件添加自定义类名 `my-notification-warning` 的。而这个自定义类名被用来修改通知组件中的样式。

根据代码片段中的 CSS 样式，`.my-notification-warning .el-notification__content` 选择器是用来选中通知组件中的内容区域。而 `background-color` 属性设置的是背景颜色为红色，`color` 属性设置的是文本颜色为白色。

根据你的描述，背景颜色只在中间有，这可能是因为你的通知内容不够长，在内容区域的上下方会出现一些空白区域，这些空白区域的背景颜色是默认的，没有被修改为红色。要解决这个问题，你可以在 CSS 样式中添加一些额外的属性，例如 `padding` 或者 `margin`，来增加内容区域的高度。

.my-notification-warning .el-notification__content 选择器是用来选中通知组件中的内容区域。怎么跟换选择器

如果你想要修改其他元素的样式，可以使用不同的 CSS 选择器来选中这些元素。选择器是一种用来选中 HTML 元素的模式，可以根据元素的标签名、类名、ID 等属性来进行匹配。

如果你想要选中其他元素，可以根据这些元素的标签名、类名、ID 等属性来编写不同的 CSS 选择器。比如，如果你想要选中通知组件的标题，可以使用 `.el-notification__title` 类名来选中，例如：

.my-notification-warning .el-notification__title {
  color: #ff0000; /* 设置标题颜色为红色 */
}

这样就可以将通知组件的标题颜色设置为红色。如果你想要选中其他元素，可以根据元素的标签名、类名、ID 等属性来编写不同的 CSS 选择器，然后在选择器中添加需要修改的样式属性即可。