如何使用CSS仅将第二个元素（Products）设为粗体（不可修改HTML代码）

根据你提供的HTML结构，无需修改任何HTML代码，用以下几种CSS方案就能实现需求：

• 基于位置选择（最可靠）
  直接选中nav下的第二个<a>元素：

  nav a:nth-child(2) {
      font-weight: bold;
  }
  

  这个选择器会精准匹配nav容器里的第二个子元素，刚好对应显示"Products"的链接。如果以后nav里可能混入其他类型的子元素（比如<span>），可以用更精准的类型选择：

  nav a:nth-of-type(2) {
      font-weight: bold;
  }
  

  它只会选中nav下的第二个<a>标签，不会被其他元素干扰。

• 基于文本内容选择（兼容性有限）
  如果想直接通过文本"Products"匹配，也可以用:contains()伪类，但注意这个属性目前仅在Chrome等部分浏览器支持，不适合作为通用方案：

  nav a:contains("Products") {
      font-weight: bold;
  }
  

以上方案都不需要改动现有HTML代码，直接添加CSS即可生效。

内容的提问来源于stack exchange，提问作者Teodor Petrov