属性选择器无法在氧气中工作

时间:2018-04-10 11:47:24

标签: css xml css-selectors oxygenxml

我在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;
 }

但属性选择器局部变量[name]和局部变量[type]不起作用。有没有人有任何建议?

1 个答案:

答案 0 :(得分:2)

如果没有可以定义为单元格的元素,至少使用Oxygen的作者可视化编辑模式来创建表格是不可能的。 还有一个CSS选择器,如&#34; local-variable [name]&#34;意味着&#34;匹配名为&#39; local-variable&#39;的元素。它有一个名为&#39; name&#39;&#34;的现有属性。因此它与属性不匹配,您无法匹配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