2

初心者の質問です。私は簡単なシナリオに取り組んでいます。トリチウムを使用して、ページの背景色と指定要素のテキストを変更します。私のページは次のようになります。

<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")
    }
  }

上記はテキストを正常に変更していますが、形式を保持しておらず、背景色を赤に変更していません。

私が間違っていることは何ですか？

ありがとう

4

1 に答える 1

3

何よりもまず、トリチウムで着色しないことを強くお勧めします. 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")
    }
  }

1 つ目の理由は、background 属性が非推奨になったことです。第 2 に、ユーザー エージェント スタイルシートがそれを上書きする可能性があります。これがうまくいくことを願っています！

于 2013-05-23T17:01:06.553 に答える