84 votes

Ce qui est par défaut de la liste de style (CSS)?

Sur mon site j'utilise la réinitialisation.css. Il ajoute exactement à la liste des styles:

ol, ul {
    list-style: none outside none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

Le problème est que tous les styles de liste sont définis à l' NONE avec cette. Je veux revenir en arrière d'origine de la liste des styles (par défaut) pour toutes les listes sur le site web de la sous-pages (toutes les listes en .my_container).

Lorsque j'essaie paramètres des choses comme list-style-type de inherit est de ne pas hériter le navigateur par défaut de styles pour cette propriété CSS.

Est-il possible d'hériter le navigateur d'origine de styles pour certaines propriétés, sans modification de réinitialisation.css?

135voto

zessx Points 17769

J'ai utilisé à ce CSS pour supprimer la réinitialisation :

ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

EDIT : avec une classe spécifique de bien sûr...

31voto

ColdCold Points 1249

Je pense que c'est effectivement ce que vous cherchez:

.my_container ul
{
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}

.my_container li
{
    display: list-item;
}

4voto

Jukka K. Korpela Points 71599

Vous ne pouvez pas. Chaque fois qu'une feuille de style appliquée qui attribue une propriété à un élément, il n'y a aucun moyen d'obtenir dans le navigateur par défaut, pour toutes les instances de l'élément.

L' (discutable) idée de réinitialisation.css est de se débarrasser de navigateur par défaut, de sorte que vous pouvez démarrer votre propre style à partir d'un propre bureau. Aucune version de réinitialisation.css n'est complètement, mais ils le font, l'auteur à l'aide de réinitialisation.css est censé complètement définir le rendu.

2voto

OmidAntiLong Points 21

Vous êtes à la réinitialisation de la marge sur tous les éléments dans le deuxième bloc css. De marge par défaut est 40px - ce qui devrait résoudre le problème:

.my_container ul {list-style:disc outside none; margin-left:40px;}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X