如何更改列表中一个元素中的文本样式

How to change the style of text in one element in a list?

本文关键字：元素 一个 文本 样式 何更改 列表      更新时间：2023-09-26

我想更改列表中项目文本的样式，例如"黄色"：

  • 白
  • 橙
  • 黄色
  • 蓝

有没有办法在不使用JavaScript的情况下从CSS中做到这一点。元素不一定是列表中的倒数第二个。一个指针非常值得赞赏

可以为要设置颜色的列表项指定 id 或类。然后在样式表中，您只需为该 id 或类设置颜色。下面是一个示例：

<style>
    .highlight {color: yellow}
</style>
<ul>
    <li class="highlight">yellow</li>
</ul>

你可以使用第 n 个孩子：

#example：第n个孩子（3） {    背景颜色：黄色;}

假设列表如下：

      
    
        
  • white
    • 
      

      <李>橙子<李>黄
  • blue
    •

    没有基于元素内容的 CSS 选择器。 你可以使用 jquery：

    设置 css 属性值：

    $（"#example li：contains（'yellow'）"）.css（'background-color'，'yellow'）;

    或者，如果要分配 CSS 类：

    $（"#example li：contains（'yellow'）"）.addClass（'makeYellow'）;

    其中，上面示例的 CSS 如下所示：

    .makeYellow { background-color：yellow; }

    好吧，您可以使用id选择器来实现此目的，您应该修改html代码并向列表中的该项添加一个id。 

    #yellow{
  background-color: yellow;
  }
            <uL>
  <li>white</li>
  <li>orange</li>
  <li id="yellow">yellow</li>
  <li>blue</li>
</ul>

    相关文章：