仅当列表项具有特定类时才显示子元素

问题：仅当列表项具有特定类时才显示子元素。

回答：在前端开发中，可以通过使用CSS选择器和JavaScript来实现仅当列表项具有特定类时才显示子元素的效果。

1. CSS选择器方法： 可以使用CSS选择器中的伪类选择器来实现这个效果。具体的做法是为具有特定类的列表项添加样式，使其子元素显示，而其他列表项则隐藏子元素。

.list-item {
  display: none;  /* 隐藏所有列表项的子元素 */
}

.list-item.special {
  display: block;  /* 显示具有特定类的列表项的子元素 */
}

在上述代码中，.list-item 是所有列表项的样式类，.special 是具有特定类的列表项的样式类。通过设置 display 属性，可以控制子元素的显示和隐藏。

1. JavaScript方法： 使用JavaScript也可以实现仅当列表项具有特定类时才显示子元素的效果。具体的做法是通过DOM操作，在满足特定条件时为列表项添加或删除特定的类。

var listItems = document.querySelectorAll('.list-item');

for (var i = 0; i < listItems.length; i++) {
  var listItem = listItems[i];

  if (listItem.classList.contains('special')) {
    listItem.style.display = 'block';  /* 显示具有特定类的列表项的子元素 */
  } else {
    listItem.style.display = 'none';  /* 隐藏其他列表项的子元素 */
  }
}

在上述代码中，首先使用 querySelectorAll 方法获取所有的列表项元素，然后使用 classList.contains 方法判断是否具有特定类，根据结果设置 style.display 属性来显示或隐藏子元素。

这种方法可以灵活地根据实际需求来控制列表项的显示和隐藏，适用于各种类型的项目，例如导航菜单、动态内容展示等。

腾讯云相关产品： 腾讯云提供了一系列适用于云计算场景的产品和服务，可以满足开发者在各种应用场景下的需求。

• 云服务器（ECS）：https://cloud.tencent.com/product/cvm
• 云数据库（CDB）：https://cloud.tencent.com/product/cdb
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns、https://cloud.tencent.com/product/mfas
• 区块链（TBCA）：https://cloud.tencent.com/product/tbca

以上是腾讯云提供的一些相关产品和对应链接，可以根据具体需求选择合适的产品来支持开发工作。