bloggerで特定の記事内でのみ適用されるstyleを設定する方法

記事を書くために調べたことを記事にしていくスタイル第２弾
テンプレートに書くこともできるけど煩雑になるよね。
何よりパフォーマンスにも悪そうだ。


<!--more-->の下に以下のように指定します。

<style scoped>
span.test {
    background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0%,#eeeeee),
    color-stop(25%,#999999),
    color-stop(75%,#888888),
    color-stop(100%,#333333));
    -webkit-text-fill-color:transparent;
    -webkit-background-clip:text;
    font-size:50px;
    font-weight:bold;
}

</style>

こんな感じになります。

調べたところトップページにはstyleの記述がなかったのでパフォーマンス的にも良くなると思います。(微々たるものかもしれませんが)
古いブラウザだとうまくいかない場合もあるので注意してくだしあ。