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>

如何在class-a中选择sass包含hello文本的标记。请帮我。

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?

如何识别班级中的第一个锚标签？

2 个答案: