4

このページにリストされている自分の動画に箇条書きを表示したくない:http://63.246.25.145/surety-bonds/contract-bonds/performance_bond.htm

ただし、 master.css ファイルを変更して mylist-styleが に設定されていることを確認した後でも、箇条書きは引き続き表示されnoneます。

#page_bonds #videos {
    padding-top: 20px;
    border-top: 1px dotted #b3b3b3;
    list-style: none;  /*added for video show/hide*/
}
4

6 に答える 6

3

良い質問; list-style:none; を使用しても IE で箇条書きが表示されるのは奇妙です。

これは、箇条書きを削除したコードです。

/* media query only applies style to IE10 and IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* removes bullets in list items for IE11*/ 
    /* You may need the next line: #page_bonds #videos li */
    li {
        list-style-position: outside;
        overflow: hidden;
    }
}
于 2016-02-03T16:50:30.983 に答える
1

あなたの<li>要素はここから継承します：

ul {
    list-style: disc outside none;
}

追加する必要があります

#page_bonds #videos li { list-style: none; }

于 2013-02-26T16:20:23.547 に答える
1

投稿した CSS は、対象のdivを含むタグを参照していますが、それ自体は参照してulいませんul。ulこれにより、すべてのタグをスタイリングしてそれらにlist-style-type:disc.

何をすべきか：

自身に影響を与えulたい とそのidターゲットを指定するか、投稿した CSS ブロックを再指定して を参照することができます#page_bonds #videos ul。

動作中の一般原則:

投稿したコードは、特定idの s を使用して特定の要素を参照していますが、変更する要素を具体的に参照していません。ulCSS の他の場所に、すべての要素を指定した明示的なステートメントがあるためlist-style-type:discです。ul今、あなたが気にかけて いることに対して、少なくとも 2 つの異なる指示があります。

CSS は、関心のある項目を最も具体的に参照する指示を尊重するという原則に基づいて機能します。この場合、CSS はulより具体的に見えるもの ( ) ではなく、より一般的に見えるもの ( #page_bonds #videos) を選択します。しかし実際ulには、特定の種類の要素に対する指示は、それを含むdiv.

覚えておいてください: CSS でan を参照しているからといっ id て、実際にステートメントを可能な限り具体的にしているわけではありません。

于 2013-02-26T16:23:07.790 に答える
1

カスケード スタイル シートでは、要素の継承順序は単純なインクルード順序ではありません - 詳細な説明は -カスケード オーダーと継承を参照してください。

あなたの場合、あなたのリストはmaster.css639行目から値を継承しています:

ul {
    list-style: disc outside none;
    margin-left: 20px;
}

この参照を削除する!importantか、より特化した css タグを使用または追加してください。

于 2013-02-26T16:23:21.193 に答える
0

CSS要素は、その値を子要素に渡します。これをオーバーライドするには、！importantを使用します。

試す：

list-style: none !important;

ここで！importantについて学びます。

于 2013-02-26T16:19:33.047 に答える
0

あなたのページのソースでは、あなたのリスト スタイルがこのスタイル シート (63.246.25.145/styles/master.1361894679.css) によってオーバーライドされていることがわかります。

スタイルを変更して問題のリストをより正確に指定することで、これを克服できます。

#videos ul li { list-style: none !important; }

または、ページにリンクされている CSS を編集し、カスケード ルールを変更して、ビデオにリスト スタイルがないようにすることもできます。

[1]:

于 2013-02-26T16:24:19.067 に答える