card-mod使用分享

SunShyn

学习一下看

maske2808

高手，像这样my-slider-v2$#slider-media_player-mi10_audio_airplay-volume>div>div"最后两级都是>div的，该如何表达
我写的div： div：没起到作用

x53520

感谢分享 参考学习！

hungheo

maske2808 发表于 2025-6-19 20:00
高手，像这样my-slider-v2$#slider-media_player-mi10_audio_airplay-volume>div>div"最后两级都是>div的， ...

看看div标签里面有没有class属性，有的话用： .***{}
***就是class里面的值，如果没有尝试下#div


题外话：
my-silder-v2这个插件可以用自身的styles来配置属性呀，不需要card_mod
给你一个示例：

type: custom:my-slider-v2
entity: light.649e3186d9cd_light
mode: brightness
styles:
  card:
    - height: 56px
    - border: 0px
    - box-shadow: none
    - background: var(--pop-card-background)
  container:
    - width: 100%
    - height: 100%
    - position: relative
    - overflow: hidden
    - border-radius: 28px
  track:
    - width: 100%
    - height: 100%
    - position: relative
    - background: var(--pop-caed-background)
  progress:
    - height: 100%
    - background: var(--accent-color)
    - position: absolute
    - width: 10.00%
  thumb:
    - height: 46px
    - background: var(--accent-color)
    - position: absolute
    - right: "-5px"
    - width: 3px
    - border-radius: 5px
    - border: 5px solid white

复制代码

maske2808

hungheo 发表于 2025-6-20 15:37
看看div标签里面有没有class属性，有的话用： .***{}
***就是class里面的值，如果没有尝试下#div

最终是这么解决的

#slider-media_player-mi10_audio_airplay-volume>div>div {
      background: {{ 

复制代码