基于文本框值的CSS选择器

Question

我有一个支持CSS / bootstrap 3.2的环境，但没有javascript。 我正在尝试使用纯CSS选择器+ HTML实现列表过滤解决方案。

假设，我在HTML列表元素中有2个项目。我只想显示与输入元素中输入的文本匹配的文本。

{
    runCommand: {
        aggregate: "book",
        pipeline: [
            {
                $match: {
                    genre: {$exists: true},
                    "genre.name": {$eq: "action"}
                }
            }, 
            {
                $group: {
                    _id: null, count: {$sum: 1}
                }
            }           
        ]
    }
}   

如果我在文本框中键入<form> <ul> <li class ="c1">c1</li> <li class="c2">c2</li> </ul> <input type="text"> </form> ，则应该只显示第一项。即使使用纯CSS，也不需要JS，这是否有可能？

Answer 1

这是不可能的。

• CSS无法根据输入的当前值采取行动
• CSS无法基于something that follows it in the DOM
选择元素