如何使用CSS:根据内部HTML选择元素
问题的出现原因是CSS无法直接检测锚标签中的内容。[value=]只能用于标签上的属性,而不是标签内的内容。而且,value属性在锚标签上不是有效的HTML属性。
解决方法是给锚标签添加一个类。如果可能的话,可以直接在锚标签上添加一个类。但通常情况下这是不可能的,所以可以使用jQuery来给锚标签添加一个类。可以尝试以下代码:
然后可以使用.anchortwo作为类选择器。
这是最接近的解决方案!需要注意的是,CSS选择器可以检测属性,这些属性在HTML代码中是预定义的,而innerHTML是DOM层的属性。它们可能在js中类似访问,但实际上是两个不同的东西,a.href是CSS知道的一个属性,而a.innerHTML是CSS不知道的一个DOM属性。
问题:如何使用CSS根据元素的内部HTML选择元素?
原因:根据提供的信息,CSS本身无法实现根据元素的内部HTML选择元素的功能。
解决方法:可以使用jQuery来实现该功能。可以通过自定义jQuery CSS选择器来实现最大的控制。可以参考提供的链接中的博文,其中提供了相应的解决方法。其中,":contains(...)"语法可以实现该功能,但"[innerHTML=...]"语法没有效果。
代码示例:
// 使用":contains(...)"选择器 $("element:contains('innerHTML')") // 使用"[innerHTML=...]"选择器 $("element[innerHTML='innerHTML']")
需要注意的是,这里提供的解决方法可能需要使用jQuery库,因此在使用之前需要将jQuery库导入到项目中。
虽然提供的链接可能对其他问题有帮助,但对于本问题并没有提供有效的解决方案。