gpt4 book ai didi

css - 通过 Tritium 更改样式属性

转载 作者:行者123 更新时间:2023-11-28 11:11:54 27 4
gpt4 key购买 nike

新手问题,我正在处理一个简单的场景:使用 Tritium 更改页面上给定元素的背景颜色和文本。我的页面如下所示:

<div class="hero" id="hero">
<div id="heroContentShort">
<div class="heroContentShort">
<h1 style="text-transform:capitalize;">My Text<span style="text-decoration:underline;font-weight:bold;"><a href="/pages/new.html" style="color:#FFFFFF">- on Moovweb</a></span></h1>
</div>
</div>

在我的 .TS 文件中有以下内容:

insert("div", class:"cus_title"){
insert("div", class:"cus_row1"){
move_here("//div[@id='hero']/div/div/h1")
attribute("background", "red")
text("My New Text")
}
}

虽然没有保留任何格式也没有将背景颜色更改为红色,但上面的内容已成功更改文本。

我做错了什么?

谢谢

最佳答案

首先,我强烈建议您不要使用氚着色。 DOM 和样式应该是分开的。如果您不想创建自己的页面,我建议您将它放在 main.scss 文件的底部。然后你会这样做:

.cus_row1 {
background-color: red;
}

这将使背景颜色完美、正确地工作。

但是,如果(出于某种原因)你不得不在氚中这样做,我会改为这样做:

  insert("div", class:"cus_title"){
insert("div", class:"cus_row1"){
move_here("//div[@id='hero']/div/div/h1")
attribute("style", "background-color: red")
text("My New Text")
}
}

第一个原因是 background 属性已被弃用。其次,用户代理样式表可以覆盖它。我希望这对你有用!

关于css - 通过 Tritium 更改样式属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16701828/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com