css HTML数据属性html元素不能直接设计

chy5wohz 于 2023-01-06 发布在其他

关注(0)|答案(1)|浏览(120)

我写了一些HTML数据属性代码，并在里面添加了HTML标签。但是如果不添加任何类名，我就无法设计它们。
例如：这是我的数据属性

<div data-box="<h1 class='my-div'> A Simple Heading</h1>"> This is a tag that have a data-attribute with html tag. </div>

如果我想设计这个，我可以设计它没有任何问题，只需要在css stylesheet中声明类，然后设计它就可以了，但是如果我想设计同样的h1标签，没有任何类，我该怎么做呢......？

<div data-box="<h1> A Simple Heading</h1>"> This is a tag that have a data-attribute with html tag. </div>

看一下h1标签，在这段时间里，我如何设计它而不添加任何类名？

1条答案

您需要在CSS中选择属性：

[data-box="<h1 class='my-div'> A Simple Heading</h1>"] {
 color: red;
}

这会使div的文本变成红色。你可以在选择属性时添加任何CSS属性。