CSS使用名称从列表中隐藏项

我以前从未使用过CSS（我是WordPress用户）。但我想我已经很接近了，但我无法找出我做错了什么

因此，我有一个要隐藏的列表项。我尝试使用第n个child，但没有成功，因为列表的顺序可能会根据字段是否已填充而改变。所以，我需要使用一个数据选择器。我试过这个：

.atbd_listing_data_list {
li[data-value="Breed : "]
    visibility: hidden;} 

但这并不奏效。这是代码的来源：

血统：Fly x Hors la loi II x协和式飞机
比赛高度：
年龄组别：
年龄:15
颜色：
高度：
学生手册：
性别：
品种：

2020年10月25日

此答案假设您无法编辑列表的文件生成或模板。

好吧，公平地说，这些CSS规则更多的是通过“黑客”方式进入结果，而不是实际解决问题。但我能理解你来自哪里。应该有另一种方法来解决这个问题而不隐藏数据

您走的是正确的道路，

：第n个子项

选择器对于隐藏“静态列表”（从当前点算起的第n个子项计数，如果该列表较短，则其他数据将隐藏）

只有当

是元素时，

[data value=“bride”]

才会起作用。它不是“数据包含值”类型的选择器

.atbd\u列表\u数据\u列表ul li:n子级（3），
.atbd_列表_数据_列表ul li:n子项（9）{
显示：无；
}

血统：Fly x Hors la loi II x协和式飞机
比赛高度：
年龄组别：
年龄:15
颜色：
高度：
学生手册：
性别：
品种：

2020年10月25日

此答案假设您无法编辑列表的文件生成或模板。

好吧，公平地说，这些CSS规则更多的是通过“黑客”方式进入结果，而不是实际解决问题。但我能理解你来自哪里。应该有另一种方法来解决这个问题而不隐藏数据

您走的是正确的道路，

：第n个子项

选择器对于隐藏“静态列表”（从当前点算起的第n个子项计数，如果该列表较短，则其他数据将隐藏）

只有当

是元素时，

[data value=“bride”]

才会起作用。它不是“数据包含值”类型的选择器

.atbd\u列表\u数据\u列表ul li:n子级（3），
.atbd_列表_数据_列表ul li:n子项（9）{
显示：无；
}

血统：Fly x Hors la loi II x协和式飞机
比赛高度：
年龄组别：
年龄:15
颜色：
高度：
学生手册：
性别：
品种：

2020年10月25日

必须将数据属性添加到要隐藏的li，然后选择它，如示例所示

li[data value=“hide”]{
显示：无；
}

血统：Fly x Hors la loi II x协和式飞机
比赛高度：
年龄组别：
年龄:15
颜色：
高度：
学生手册：
性别：
品种：

2020年10月25日

必须将数据属性添加到要隐藏的li，然后选择它，如示例所示

li[data value=“hide”]{
显示：无；
}

血统：Fly x Hors la loi II x协和式飞机
比赛高度：
年龄组别：
年龄:15
颜色：
高度：
学生手册：
性别：
品种：

2020年10月25日

您可以使用

.atbd\u listing\u data\u list ul li:nth child（8），.atbd\u listing\u data\u list ul li:nth child（9）{display:none；}

隐藏它们，但也可以通过WordPress进行隐藏。CSS的方法实际上可以在顺序改变时隐藏其他元素。你可以使用

.atbd_listing_data_list ul li:nth child（8），.atbd_listing_data_list ul li:nth child（9）{display:none；}

隐藏它们，但也有通过WordPress的方法。CSS的方法实际上可以在顺序改变时隐藏其他元素。