如何識別班級中的第一個錨標籤？

Question

假設下面的代碼片段

<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> 

如何選擇包含在A級由SASS招呼文本標籤。請幫幫我。

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設置這些課程，我認爲你正在尋找的代碼是這樣的： $('a:contains("Hello")').addClass('helloStyle');

由於ewcz評論說，這裏是一個重複的問題的鏈接。 Is there a CSS selector for elements containing certain text?