html - 如何通过 xlink :href attribute with CSS? 选择 XML 元素

原文 标签 html css xml css-selectors xlink

有谁知道如何通过 xlink:href 选择 XML 元素属性与CSS?

here对于用法,但是它没有解释如何使用 CSS 选择它。

<book title="XQuery Kick Start">
  <description
    xlink:type="simple"
    xlink:href="http://book.com/images/XQuery.gif"
    xlink:show="new"> ... </description>
</book>

最佳答案

使用 CSS attribute selectors ,你需要 escape the colon :由前导反斜杠 \ , 如下:

description[xlink\:href="http://book.com/images/HPotter.gif"] {
  background-color: gold;
}

<?xml version="1.0" encoding="UTF-8"?>

<bookstore xmlns:xlink="http://www.w3.org/1999/xlink">
  <book title="Harry Potter">
    <description
      xlink:type="simple"
      xlink:href="http://book.com/images/HPotter.gif"
      xlink:show="new"> ... </description>
  </book>

  <book title="XQuery Kick Start">
    <description
      xlink:type="simple"
      xlink:href="http://book.com/images/XQuery.gif"
      xlink:show="new"> ... </description>
  </book>
</bookstore>

WORKING DEMO .

关于html - 如何通过 xlink :href attribute with CSS? 选择 XML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21950703/

相关文章:

javascript - 如何从td中删除显示的值并替换为输入字段?

ios - 为什么Modernizr为iOS设备设置拖放类

android - 带有颜色和背景图像的按钮

javascript - 如何确保已选择单选按钮

javascript - HTML canvas绘图应用程序在不同的屏幕尺寸上中断

php - 星级未正确显示

html - 用于移动设备布局的Bootstrap 4.0订购/移动列

css - 如何防止SVG中的动画元素溢出?

javascript - 如何判断我的XML是否已正确解析为JSON?

xml - 需要 XSL 文件将内部 xml 测试格式转换为 Junit 格式(jenkins 的 xUnit 插件)