在目錄專案和主題內容套用自訂樣式

有時，您可能會想要在目錄專案或特定主題上套用自訂樣式。 這可以透過關聯 outputclass 屬性和 <topicref> DITA map中的元素。 此外，如果您想要將自訂格式套用至整個主題，也可以透過在CSS中擴充屬性的樣式定義來達成。

以您要傳送以供檢閱的新主題為例。 為方便識別更新的主題，您需要新增 outputclass 屬性至 <topicref> 元素，然後在CSS中為相同專案定義自訂樣式。

在以下範例中， 航班歷史記錄 已將主題指派給 outputclass 屬性值為的屬性 new-topic.

{width="500"}

的類別定義 new-topic 在CSS中，可讓您定義下列專案的樣式：

讓我們看看如何在CSS中定義這些案例。 在下列的CSS定義中 new-topic 類別中，文字顏色已變更。

…
.new-topic {
  color: #CC5309
}
…

此定義控制目錄中的文字顏色和主題標題。 下列PDF輸出顯示目錄專案上套用的不同顏色：

{width="500"}

主題的標題也會使用相同的顏色設定樣式。

{width="500"}

如果您希望目錄專案和主題的標題有不同的樣式，可以分別定義它們，如下所示：

...
/*for styling TOC entry */
.new-topic {
  color: #CC3509
}

/* for styling topic's title */
.new-topic.title {
  color: #092ACC
}
...

最後，您也可以在主題內的整個內容上套用樣式。 為此，您需要新增尾碼"-content」至類別名稱。 在下列範例中，變更列已新增至主題的整個內容中：

...
/* for styling the topic's content */
.new-topic-content {
  -ro-change-bar-color: #A609CC;
}
...

使用上述樣式屬性，變更列會新增至 航班歷史記錄 主題，如下所示：

{width="500"}