как спрятаться <li> маркеры в меню навигации и ссылки нижнего колонтитула, НО показывают их для пунктов списка

У меня есть меню навигации, нижний колонтитул и слайд-шоу, которые используют перечисленный стиль для отображения ссылок и изображений. У меня есть csslist-style:none; установите, чтобы скрыть маркеры рядом со ссылками и изображениями в навигации и нижнем колонтитуле, но я хочу показать маркеры для списка обычного текста.

Как я могу это сделать?

 user137358107 мая 2012 г., 21:33
не могли бы вы привести пример?
 Rob W07 мая 2012 г., 21:30
Использовать определенный селектор для навигации.<li> элементы, которые содержат действительныйlist-style-type имущество (none прятаться).

Ответы на вопрос(6)

Решение Вопроса

как удалять маркеры с помощью класса стилей CSS. Вы можете использовать, аналогично классу css, по идентификатору (#id), по родительскому тегу и т. Д. Таким же образом вы можете использовать для определения CSS для удаления маркеров из нижнего колонтитула страницы.

Я использовалэтот сайт в качестве отправной точки.

<html>
<head>
<style type="text/css">
div.ui-menu li {
    list-style:none;
    background-image:none;
    background-repeat:none;
    background-position:0; 
}
ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
li
{
    background-image:url(sqpurple.gif);
    background-repeat:no-repeat;
    background-position:0px 5px; 
    padding-left:14px;
}
</style>
</head>

<body>

<div class="ui-menu">
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</div>

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>

</html>
 12 мар. 2017 г., 22:39
Это сработало для меня в моей последней попытке стилизовать дочернюю тему WordPress. Но в этом случае также был указан оператор :: before, который делал точку из границы 3px из точки. Это также имело некоторое дополнение. Поэтому при использовании чего-то подобного просто взгляните, есть ли другие конкурирующие стили CSS.

Ответ Флавио к этомуsmall solution.

.hidden-ul-bullets li {
    list-style: none;
}
.hidden-ul-bullets ul {
    margin-left: 0.25em; // for my purpose, a little indentation is wished
}

Решение о пулях принимается с помощью включающего элемента, обычноdiv,drawback (или задача) моего решения заключается в том, что удаление listtyle также относится к упорядоченным спискам.

которые вы хотите скрыть. Например

.no-bullets {
    list-style-type: none;
}

Затем примените его к списку нужных вам скрытых пуль:

<ul class="no-bullets">

Все остальные списки (без определенного класса) будут отображаться как обычно.

 user137358107 мая 2012 г., 22:13
Спасибо, сработало угощение
 12 июл. 2016 г., 23:02
Спасибо за использование меньшего количества кода.

li элементы по-разному в зависимости от ихclassихid или их предки элементы:

li { /* styles all li elements*/
    list-style-type: none;
}

#ParentListID li { /* styles the li elements that have an ancestor element
                      of id="ParentListID" */
    list-style-type: bullet;
}

li.className { /* styles li elements of class="className" */
    list-style-type: bullet;
}

Или, чтобы использовать элементы предка:

#navigationContainerID li { /* specifically styles the li elements with an ancestor of
                               id="navigationContainerID" */
    list-style-type: none;
}

li { /* then styles all other li elements that don't have that ancestor element */
    list-style-type: bullet;
}

<html>
    <body>
        <header>
            <nav><ul>...</ul></nav>
        </header>
        <article>
            <ul>...</ul>
        </article>
        <footer>
            <ul>...</ul>
        </footer>
    </body>
</html>

Вы можете сказать в своем CSS:

header ul, footer ul, nav ul { list-style-type: none; }

Если вы используете HTML 4, присвойте свои DIV идентификаторы (вместо использования новых необычных элементов) и измените их на:

#header ul, #footer ul, #nav ul { list-style-type: none; }

Если вы используете таблицу стилей сброса CSS (например, Эрика Мейера), вам фактически придется вернуть стиль списка, так как сброс удаляет стиль списка из всех списков.

#content ul { list-style-type: disc; margin-left: 1.5em; }

showИтак, в CSS:

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

А в HTML вы просто определяете, какие списки показывать:

<ul style="list-style:disc;">

Или вы альтернативно определяете класс CSS:

.show-list {list-style:disc;}

Затем примените его к списку, который вы хотите показать:

<ul class="show-list">

Все остальные списки не будут отображать маркеры ...

Ваш ответ на вопрос