0

Firebugの助けを借りて、コンテンツがどこにあるかを特定することを考慮して、いくつかのCSS変更を加えましたが、一方で、firebugを使用したときの結果の変更はまさに私が望んでいたものでしたが、更新後に子テーマ* style.css * を編集すると、フロントエンドはまだ残っています同じ... Firebugによって確認されました。私の目標は、ピンタレストの写真表示プレゼンテーションと同様に、grid viewブロックを に調整できるようにすることです。image次のコードは私が変更したものです：

#content .category_grid_view {
margin:-10 0 20px -15px;
padding:0;
width:650px;
clear:both;
}
#content .category_grid_view li {
background: none repeat scroll 0 0 transparent;
float: left;
list-style: none outside none;
margin: -10 0 20px;
padding: 0 0 0 15px;
position: relative;
width: 200px;
}
#content .category_grid_view li.hr { 
display: none;
}
#content {
float: left;
overflow: hidden;
padding-left: 5px;
width: 640px;
}
#content .category_grid_view li a.post_img {
display: block;
margin-bottom: 0;
padding: 0;
background: none repeat scroll 0 0 #FFFFFF;
border: 0 solid #E2DFDF;
box-shadow: 0 0 0 #DDDDDD;
height: auto;
width: 100%;
overflow: hidden;
width: 100%;
}

これは私に起こった最初のことです...以前、私CSSは同じ方法で変更を加えていましたが、影響はすぐにありました.

私は何か間違ったことをしていますか？

4

2 に答える 2

0

私はクロムを使用しており、Firefox も同じであると確信していますが、css スクリプト ファイルのリストを表示し、いずれかを選択して、その内容を表示できるはずです。外部 css ファイル (link タグを含む html に含まれる) を更新し、ctrl+f5 または fn+f5 で Web ページを更新すると、更新されたすべてのルールが表示されます。クロムでは、すべての要素をチェックアウトして、どのファイル スタイルが適用されているかを確認できます。これは、Firefox と同じはずです。

于 2013-09-20T13:50:19.540 に答える