jquery - 给 jQuery 创建的文本它自己的专有属性

Question

我用 jQuery 像这样创建了文本:

$("#box").append("HelloWorld")

我可以使用 CSS 并像这样编辑字体:

    #box{

    text-align: center;
    font-size: 80px;
    color: purple;
    font-family:"Times New Roman", Times, serif;
    font-style:italic;

     }

但不幸的是，这会更改此 Div 中所有文本的属性。

有没有办法通过给它一个某种 ID 来只改变这个文本。然后使用 CSS 只为该 ID 赋予属性。或者还有其他方法吗？我试过查找它，但也许我问的问题不正确。

即使有办法为文本提供“h1”、“h2”或“p”属性也是完美的。

提前感谢您的回答。

Answer 1

你需要用另一个元素包裹它

$("#box").append('<span class="special">HelloWorld</span>') // you can use any element like p, h1, h2, div etc as the wrapper element

然后

#box span.special {
    //custom properties
}