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在Web瀏覽器中運行。

JSF在Web服務器中運行，產生HTML輸出。

CSS沒有看到服務器端源代碼。

CSS僅看到HTML DOM樹。

對於CSS，JSF只是HTML代碼生成器。

在瀏覽器中右鍵單擊頁面，然后執行“ 查看頁面源”或“ 檢查元素” 。

根據該 HTML編寫CSS。