属性选择器在氧气中不起作用

【问题标题】：Attribute Selector not working in Oxygen属性选择器在氧气中不起作用
【发布时间】：2018-04-12 12:47:58
【问题描述】：

我在使用 Oxygen XML Editor 19.1 中的 CSS 属性选择器时遇到问题。我使用此示例 CSS selectors in Oxygen 创建表格，但我想使用给定元素的属性而不是表格单元格的元素。

我的 XML 代码：

<local-variables>
     <local-variable name="consumer-id"/>
     <local-variable name="result-meter-value" type="float"/>
</local-variables>

我的 CSS 代码：

local-variables {
display:table;
margin:2em;       
border:1px solid navy;
}
local-variable{
  display:table-row;
 }
local-variable[name],local-variable[type]{
  display:table-cell;
  min-width:500px;
  border:1px solid navy;
  padding:5px;
 }

但是属性选择器 local-variable[name] 和 local-variable[type] 不起作用。有人有什么建议吗？

【问题讨论】：

标签： css xml css-selectors oxygenxml

【解决方案1】：

当您没有可以定义为单元格的元素时，至少使用 Oxygen 的 Author 可视化编辑模式来创建表格是不可能的。另外，像“local-variable[name]”这样的 CSS 选择器意味着“匹配名为 'local-variable' 的元素，该元素具有名为 'name' 的现有属性”。所以它不匹配属性，你不能匹配 CSS 中的属性，它匹配具有属性的元素。也许您可以使用 Oxygen 的表单控件添加一些文本字段，以便您编辑每个属性值，例如：

local-variables, local-variable {
    display:block;
 }

local-variable {
   border: 1px solid gray;
   content: oxy_label(text, "Variable Name:", styles, "font-weight:bold;width:120px")
      oxy_textfield(edit, '@name', columns, 20) 
      oxy_label(text, "   Type:", styles, "width:80px")
      oxy_textfield(edit, '@type', columns, 20)
}

关于 Oxygen XML Editor 表单控件的更多信息：

https://www.oxygenxml.com/doc/versions/19.1/ug-editor/topics/dg-oxy-label-function.html https://www.oxygenxml.com/doc/versions/19.1/ug-editor/topics/text-field-editor.html

【讨论】：