如何更改一个特定元素行而不是所有行的背景色

Question

此处屏幕截图

<div data-recordid="recRQEgAz0YtDfDxz" class="js-list-item d-flex justify-content-center flex-column box position-relative    sw-background-color-151c48 sw-margin-bottom-4xs sw-border-style-solid sw-border-width-m sw-border-color-ee034f sw-border-radius-l sw-box-shadow-m hover:sw-box-shadow-m sw-padding-top-xs sw-padding-bottom-xs sw-padding-left-xs sw-padding-right-xs sw-cursor-default" data-editor-status="attached">       <div class="d-flex sw-js-list-item-header">      <div class="w-sm-100 text-center">    <div data-type="staticImage" data-

如果这个特定的elemnt数据记录id＝"，我试图通过CSS改变背景颜色；recRQEgAz0YtDfDxz"；

我只能更改所有物品的背景和颜色。非常感谢有人帮助我。提前感谢！

Answer 1

您可以根据元素的属性来选择元素。看见https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors.

div[data-recordid="recRQEgAz0YtDfDxz"] {
background-color: ...;
}