web-dev-qa-db-ja.com

ブログの投稿でnth-typeを使用する方法

Blogspot/Bloggerで公開した1つの投稿タイトルに異なる色を追加したい、nth-typeなどを使用してみましたが、正しく機能しません。これで私を助けてください。

多かれ少なかれこのような写真を作りました。

how to make this

bloggerblogger-themes
1
John Anes

擬似クラス:first-childを使用して、次のように最初の投稿タイトルを選択できます

.post:first-child .post-title a { color: red }

更新：

要素が同じコンテナにない場合は、javaScriptセレクターを使用できます

</body>タグの前にこれを追加して、最初の.post-titleを選択します

<script>
   document.querySelector('.post-title a').style.color = 'red';
</script>
1
Bassam