覆蓋RSS Java腳本的樣式表

Question

學習CSS，HTML &當我參與一個項目時，Java將其他人的代碼糅合在一起，然後對其進行編輯以符合我的目的。這是我學習的方式。

所以， 我嵌入RSS訂閱到我的網頁：

<script type="text/javascript" src="http://output69.rssinclude.com/output?type=js&amp;id=491322&amp;hash=e7ec1e6d8d00e9c28972fedae169e932"></script> 

，雖然款式close..it的一個Web應用程序。我已經複製從源（不幸的是，我不能進行更改我想在源） 再變參數我需要的，然後粘貼它作爲一種風格在我的網頁樣式表：

<meta charset="utf-8"/> 
<style type="text/css"> 

div#rssincl -box-491322 * { 
    font-family : Verdana, Arial, sans-serif !important; 
    margin : 0 !important; 
    padding : 0 !important; 
    border-radius : 10px !important; 
    line-height : 110% !important; 
    clear : both !important; 
} 


div#rssincl -box-491322 { 
    height : 520px !important; 
    border-radius : 10px !important; 
    overflow-y : auto !important; 
} 


div#rssincl -box-491322 div.rss-head { 
    border-radius : 10px !important; 
    padding : 7px !important; 
    background-color : #ffffff !important; 
} 


div#rssincl -box-491322 div.rss-head p.rss-title, div#rssincl -box-491322 div.rss-head p.rss-title a { 
    font-family : Verdana, Arial, sans-serif !important; 
    border-radius : 10px !important ; 
    font-size : 15px !important; 
    font-weight : bold !important; 
    text-align : center !important; 
    color : #000000 !important; 
    text-decoration : none !important; 
} 


div#rssincl -box-491322 div.rss-content { 
    border-radius : 5px !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-entry { 
    border-radius : 10px !important; 
    padding : 7px !important; 
    background-color : rgba(255, 255, 255, 0.5) !important; 
    border-bottom : 3px solid #FFFFFF !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-last { 
    border-bottom : none !important; 
    border-radius : 10px !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-entry p.rss-itemtitle { 
    margin-bottom : 6px !important; 
    border-radius : 10px !important; 
    text-align : center !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-entry p.rss-itemtitle a { 
    font-family : Verdana, Arial, sans-serif !important; 
    border-radius : 10px !important; 
    font-size : 13px !important; 
    text-decoration : underline !important; 
    text-align : centre !important; 
    font-weight : bold !important; 
    color : #000000 !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-entry div.rss-itemdesc, div#rssincl -box-491322 div.rss-content div.rss-entry div.rss-itemdesc * { 
    border-radius : 10px !important; 
    font-family : Verdana, Arial, sans-serif !important; 
    font-size : 12px !important; 
    color : #000000 !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-entry div.rss-backlink { 
    border-radius : 10px !important; 
    font-family : ;font-size: 10px !important; 
    color : #000000 !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-entry div.rss-backlink a { 
    border-radius : 10px !important; 
    color : #000000 !important; 
    line-height : 130% !important; 
    text-decoration : none !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-entry div.rss-itemdesc img { 
    border-radius : 10px !important; 
    margin : 5px !important; 
} 


div#rssincl -box-491322 div.rss-content div.rss-entry div.rss-clear { 
    border-radius : 10px !important; 
    clear : both !important; 
} 


</style> 

從一些谷歌搜索我認爲！重要的一切都可能工作。它沒有。頁面仍然顯示腳本的原始格式。

歡迎使用簡單的解釋。

Answer 1

它看起來像你在我的css中犯了一個錯字。

您的代碼：

div#rssincl -box-491322 

我覺得應該是：

div#rssincl-box-491322 

注意，在你的代碼的額外空間。這似乎是所有選擇器上的問題。

Answer 2

如果我理解正確，則無法將您的樣式反映到您的網頁上。 也許你可以嘗試檢查螢火蟲中的元素。當你懸停在任何元素，然後在螢火蟲的右窗口（即CSS窗口），你可以找出什麼是錯誤的。如果你的風格是過度的，那麼該屬性將是刪除線。

除此之外，我不認爲有什麼可以ovrride !important但可能的機會是有從您的腳本應用的樣式。