JSF模板中的CSS

Question

我在JSF中看到CSS模板示例。例如，

在search.css中：

#search {    
    color: #00cc66; 
}

在index.xhtml中：

<ui:define name="search">
            <h:messages />
...
</ui:define>

所以search.css将应用于index.xhtml中定义的“搜索”部分。但是，search.css在页面上定义的搜索部分中应用了哪些确切的html标签？ “搜索”不是html标签。我很迷惑。

Answer 1

CSS在网络浏览器中运行。

JSF在Web服务器上运行，生成HTML输出。

CSS没有看到服务器端源代码。

CSS只能看到HTML DOM树。

对于CSS，JSF只是一个HTML代码生成器。

在浏览器中右键单击页面并执行查看页面源或检查元素。

根据 HTML编写CSS。