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>

いくつかのグーグルから、すべてが機能する可能性がある前に重要だと思いました。そうではありませんでした。ページには、スクリプトの元の書式設定が引き続き表示されます。

簡単な言葉での説明は大歓迎です。

4

2 に答える 2

0

私が正しく理解していれば、あなたはあなたのスタイルをあなたのウェブページに反映させることができません。たぶん、firebugの要素を調べてみることができます。要素にカーソルを合わせると、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 に答える