2015-12-17 32 views
0

我試圖在我的網頁中顯示一個docx。我目前的流程是:將文檔保存爲html,讀取文件並將其發佈到網站上。問題是,它會生成影響整個文檔的規則。例如,它將所有鏈接都變爲藍色,並與整個網站混淆起來。 有什麼辦法可以告訴風格標籤只與特定的div相關?非常感謝對特定div的Css

+0

請閱讀如何正確提問:http://stackoverflow.com/help/how-to-ask 請嘗試提供一些代碼或文件,並添加您已經嘗試過的內容。 –

回答

1

只需在外部/ wrapper div上選擇要生成的代碼。 爲此,您必須在標記中指定一個。

實施例:

<div class="mycode"> 
    content, divs, classes, links, uls etc 
</div> 

然後,選擇它的CSS:

.mycode a { 

} 

.mycode p { 

} 

這些組合子可能是有用的:

子選擇

div > p { 
    background-color: yellow; 
} 

相鄰simbiling選擇

div + p { 
    background-color: yellow; 
} 

一般simbling選擇

div ~ p { 
    background-color: yellow; 
} 
+0

問題是,它引用生成的樣式標記中的其他類。我無法提供示例,但可以將docx保存爲html並查看內容。非常感謝 – user69153

+1

正如我前面提到的,您將不得不編輯匹配選擇器的生成樣式。沒有辦法指定,否則 –

+1

@亨利克斯。是對的。 Html5有一個新功能,但它還沒有完全支持。 [見文檔](http://www.w3schools.com/tags/att_style_scoped.asp) – abeyaz

0

這是不可能的,不知道如何生成的外觀的HTML代碼來回答。但總而言之,您需要能夠以某種方式針對您想要改變的特定div。將這種特定的類添加到所有以這種方式生成的div,並且只針對該類中包含的內容。

+0

我無法發佈示例,但您可以將word文檔保存爲html並查看響應 – user69153