css - CSS样式在哪里来自？

Question

我有一个特立尼达<tr:table>：

<tr:table id="searchTable1" value="#{bean.model.xlist}" var="arg" rows="10" 
    rowBandingInterval="1" varStatus="row" emptyText="#{xyzbundle.nofnd}">

我没有指定任何与 CSS 样式相关的属性，但是它会生成一个 CSS 样式的 HTML 表格。这个 CSS 来自哪里？

Answer 1

首先阅读特立尼达剥皮指南： 特立尼达剥皮

在您适当的皮肤文件中，您可以设置几个选择器，例如：

af|table
{
background-color: #F5F5DC;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
}

和许多其他人。

Answer 2

您可以创建适用于标签内特定标签的样式，其 id 如下：

#formID:searchTable1 tr {
   background: red;
}

这会将 id=searchTable1 元素内所有 tr 标记的背景更改为红色。

请注意，来自 jsf 的默认渲染 id 是根据 in 中指定h:form的 id 和标签中的 id 构造的。

Answer 3

Firebug之类的工具将帮助您找到定义样式的 css 文件。样式也可能在当前页面的标题中定义。

这两个教程应该可以帮助您入门：

• http://getfirebug.com/css
• http://www.w3resource.com/web-development-tools/inspect-and-edit-HTML-and-CSS-with-Firebug.php

或者，Chrome和Internet Explorer的开发人员工具将提供类似的工具来检查 CSS。