0

在进行项目时学习 CSS、HTML 和 Java。将其他人的代码混合在一起，然后对其进行编辑以符合我的目的。我就是这样学习的。

所以，我在我的页面中嵌入了一个 RSS 提要：

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

虽然风格很接近……但它适用于 WebApp。我从源代码中复制了样式表（不幸的是，我无法在源代码中进行我想要的更改）然后更改了我需要的参数，然后将其作为样式粘贴到我的页面中：

<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>

通过一些谷歌搜索，我认为 !important 在一切都可能有效之前。它没有。该页面仍显示脚本的原始格式。

欢迎简单的解释。

4

2 回答 2

0

如果我理解正确，您将无法在您的网页上反映您的样式。也许您可以尝试检查萤火虫中的元素。当您将鼠标悬停在任何元素上时，然后在 firebug 的右侧窗口（即 css 窗口）上，您可以找出问题所在。如果您的样式被覆盖，那么该属性将被删除。

除此之外，我认为没有任何东西可以覆盖!important，但可能有从您的脚本中应用的样式。

于 2012-06-13T05:37:24.173 回答
0

看起来你在我的 css 中打错了字。

你的代码： 

div#rssincl -box-491322

我认为应该是：

div#rssincl-box-491322

请注意代码中的额外空间。这似乎是所有选择器的问题。

于 2012-06-13T05:39:29.080 回答