Comment remplacer la feuille de style CSS (list-style-type) situé dans le principal fichier CSS

Je suis en train de remplacer les CSS réglage pour les listes dans une de mes pages. Dans mon master fichier CSS, j'ai mis la règle suivante:

ul, li { list-style-type: none; }

J'ai une page où je NE veux pas mettre le style de la liste - je tiens également à augmenter l'espacement entre les éléments de la liste sur cette page.

La page ressemble à ceci:

  <div><h3 style="color:#023467;">Hello</h3>
        <ul style="color:#006699; list-style-type:circle;"> <!-- has no effect -->
            <li>line 1</li>
            <li>line 2</li>
            <li>line 3</li>
            <li>line 4</li>
        </ul>
    </div>

Jusqu'à présent, j'ai essayé les suivantes:

  • Ajoutant le style de la balise UL
  • Ajoutant le style de la balise UL et chaque balise LI

Aucun n'a fonctionné jusqu'ici. Depuis j'ai plus de 1K pages de référencement sur les principaux.fichier css, je ne veux pas le changer. Mais comment puis-je remplacer les paramètres pour les éléments de liste dans ma page?

Pourquoi ne suis-je pas en mesure de remplacer les paramètres de ma main.css même si j'ai appliquer le style à l'élément lui-même?

avez-vous essayé !important ?

OriginalL'auteur skyeagle | 2010-11-16

  1. 6

    Ajouter ceci à votre fichier CSS:

    ul.circle, ul.circle > li { list-style-type: circle; }

    Utiliser cette balise:

    <div><h3 style="color:#023467;">Hello</h3>
        <ul class="circle" style="color:#006699;">
            <li>line 1</li>
            <li>line 2</li>
            <li>line 3</li>
            <li>line 4</li>
        </ul>
    </div>

    Assurez-vous qu'aucun autre ensemble de règles ul list-style-type.

    OriginalL'auteur Jakub Konecki