我尝试使用 XPath 选择 svg 元素的 fill 属性值，该值使用 CSS 变量，但我没有得到任何返回。
HTML:
<svg class="unf-icon" viewBox="0 0 24 24" width="24" height="24"
fill="var(--N400, #6C727C)" style="display: inline-block;
vertical-align: middle;">
<path d="M9.5 18a.999.999 0 01-.71-1.71l4.3-4.29-4.3-4.29a1.004 1.004 0 011.42-1.42l5 5a.998.998 0 010 1.42l-5 5a1 1 0 01-.71.29z"></path>
</svg>
XPath 尝试:
//*[name()='svg' and fill='#6C727C']
//*[name()='svg' and @fill="#6C727C"]
//*[name()='svg' and @contain(fill, "#6C727C")]
最佳答案
第三次尝试最接近。改变
//*[name()='svg' and @contains(fill, "#6C727C")]
至
//*[name()='svg' and contains(@fill, "#6C727C")]
如果您想检查 fill 属性值是否包含 "#6C727C" 子字符串，或者
//*[name()='svg' and @fill="var(--N400, #6C727C)"]
如果您想检查 fill 属性值是否完全等于“var(--N400, #6C727C)”
另请参阅
关于html - 带填充变量的 SVG 元素的 XPath？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/70980167/