cssのセレクタで、divタグ内部の文字列が指定した文字列と一致するときだけ指定する方法を知りたい
下記のやりたいことをjavascriptを使わずにcssだけで実現したい場合、
cssのセレクタはどのように指定すればよいのか教えていただきたいです。
やりたいこと
次のようなdivタグがあったとします。
<div class="hoge">りんご</div>
<div class="hoge">ばなな</div>
このときに、2個目のdivタグ(=「ばなな」が文字列に入っているdivタグ)のみfontサイズを12pxにしたい
.hoge {
font-size: 12px;
}
.hogeだけだと両方にきいちゃいますが、文字列の部分一致、完全一致などで二番目のdivタグだけにきかせたいです。
よろしくおねがいします。