如果我在html中有

<img src="image.jpg" alt="image" data-my="resp_imgs" />

在CSS中

:root {
    --theme-var-prefix="[data-my]"
}

同樣在CSS中

/* Responsive Images */
var(--theme-var-prefix)="resp_imgs" {
    width: 100%;
    height: auto;
}

為了避免使用

[data-my="resp_imgs"] {
    width: 100%;
    height: auto;
}

例如，意識(shí)到我試圖在CSS選擇器中使用CSS變量而不是CSS值

:root {
    --theme-typeface-sans-serif: "Helvetica Neue", Helvetica, Verdana, Tahoma, Arial, sans-serif;
    --theme-primary-font-family: "Open Sans", var(--theme-typeface-sans-serif);
}