这是我在index.zul内的编码的一部分:
<grid>
<columns>
<column/>
<column/>
</columns>
<rows>
<row>
<label value="${labels.personal.name}"/>
<label value="@load(vm.personal.name)"/>
</row>
<row>
<label value="${labels.personal.id}"/>
<label value="@load(vm.personal.id)"/>
</row>
<rows>
<grid>
我尝试使用下面的CSS,但是以某种方式使行元素中的每个标签加粗。
.z-label:FIRST-CHILD{
font-weight: bold;
}
因此,如何将font-weight仅应用于每个行元素的第一个标签标签?
您可以使用该sclass
属性,以便将CSS与默认CSS一起应用。
<style>
.bold{
font-weight: bold;
}
</style>
<grid>
<columns>
<column/>
<column/>
</columns>
<rows>
<row>
<label value="${labels.personal.name}" sclass="bold"/>
<label value="@load(vm.personal.name)"/>
</row>
<row>
<label value="${labels.personal.id}" sclass="bold"/>
<label value="@load(vm.personal.id)"/>
</row>
</rows>
</grid>
我在DOM中环顾四周,并使用CSS选择器进行了进一步扩展,因此我提出了这种解决方案
.z-row-inner:first-child .z-label {
font-weight:bold;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句