css - 特定のカテゴリをより太字にする方法は?

Question

関数を使用していthe_category(', ');ます。

カテゴリ 1 、カテゴリ2 、カテゴリ 3、カテゴリ4 のように、2 つの特定のカテゴリを太字で表示したいと考えています。それを達成する方法を教えてください。

ありがとう

Answer 1

（ここではWordpressについて言及していると仮定します）

the_category()次のカテゴリへのリンクを含む HTML を生成します。

<a href=".." title=".." rel="category">Category Name</a>

これは、 jQuery を使用して特定の要素をターゲットにするために使用できます。

$('a[rel=category]').each(function(){
    if($(this).text() == 'your_category') {
        $(this).css('font-weight','bold');
    }
});

より具体的にしたい場合は、次the_category()のようにラップできますdiv。

<div id="categories">
    <?php the_category(', '); ?>
</div>

そして$('#categories a[rel=category]')、セレクターとして使用します。

お役に立てれば。