クラスの最初のアンカータグをどのように特定するのですか？

Question

はハロークラスでSASSによってテキストが含まれているタグを選択する方法を次のコード

<div class="class-a"> 
    <a href="#">Hello</a> 
    <ul> 
    <li> 
     <a href="#">Hello A</a> 
    </li> 
    <li> 
     <a href="#">Hello B</a> 
    </li> 
    </ul> 
</div> 

と仮定する。私を助けてください。

Answer 1

これを試してみてください：

HTML

<ul> 
    <li>a</li> 
    <li>b</li> 
    <li>c</li> 
    <li>d</li> 
</ul> 

SCSSに

$colors: red, orange, yellow, green, blue, purple; 

@for $i from 1 through length($colors) { 
    li:nth-child(#{length($colors)}n+#{$i}) { 
    background: lighten(nth($colors, $i), 20%); 
    } 
} 

チェックアウトをライブ：https://codepen.io/cimmanon/full/yoCDG/

Answer 2

ショートスエー、いいえ。

CSS（Sassがコンパイルするもの）はプレゼンテーション言語であり、ページの内容を知らない。

最良の選択肢は、スタイリングしたいすべてのフィールドをCSSクラスで飾り、そのCSSクラスを使用することです。

あなたはjQueryの経由でこれらのクラスを設定したい場合は、私はあなたが探しているコードは、このだと思う：ewczがコメントしたよう $('a:contains("Hello")').addClass('helloStyle');

、ここでは重複した質問へのリンクです。 Is there a CSS selector for elements containing certain text?