具有填充变量的 SVG 元素的 XPath？

Question

我尝试使用 XPath 来 select 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")]

Answer 1

第三次尝试最接近。变化

//*[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 5, inline SVG, and namespace awareness for SVG DOM
CSS var() function

具有填充变量的 SVG 元素的 XPath？

XPath for SVG element with fill variable?

html

xml

svg

xpath

css-variables

另见