За последние 24 часа нас посетили 22867 программистов и 1712 роботов. Сейчас ищут 1712 программистов ...

[РЕШЕНО]Как задать стиль для тега <ul> в виджете?

Тема в разделе "HTML и CSS", создана пользователем Nickname, 20 авг 2015.

  1. Nickname

    Nickname Новичок

    С нами с:
    20 авг 2015
    Сообщения:
    2
    Симпатии:
    0
    Доброго времени суток.

    Собственно, вопрос в заголовке. В css для всех тегов <ul> задано вот такое оформление:

    Код (PHP):
    1.     ul, ol { margin: 0 0 1.5em 3em;} 
    Но это оформление срабатывает не только в статьях, но и везде, в том числе и в виджетах. Собсно, для виджетов css таково:

    Код (PHP):
    1. .widget ul { /* Unordered lists inside widgets */
    2. }
    3. .widget ul li { /* Unordered list items inside widgets */
    4.     border-top: 1px solid #e5e5e5;
    5.     list-style: none;
    6. }
    7. .widget ul li a{
    8.     font-size: 13px;
    9.     display: block;
    10.     padding: 10px 0 10px 15px;
    11. }
    12. .widget ul li:hover > a{
    13.     color: #f4f4f4;
    14.     background-color:#669900;
    15. } 
    Как можно деактивировать общий margin для тега <ul> в виджете?

    Как я понимаю, надо задать ему id, а потом в css определить ему стиль?

    Или это можно сделать сразу в уже существующем разделе css, как в случае с маркерами, которые я убрал с помощью "list-style: none"?

    К примеру, в просмотре кода элемента в хроме я задаю для этого <ul> следующее оформление:

    Код (PHP):
    1. <ul style="margin-left: 5px;margin-bottom: 5px;"></ul> 
    Все норм форматируется, но возникает вопрос - куда это все прилепить?

    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  2. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Re: Как задать стиль для тега <ul> в виджете?

    У виджета, наверняка есть свой id или class?

    В CSS можно определять стили на основе иерархии.

    .class - для всех элементов класса "class"
    .container .class - для всех элементов класса "class", которые вложены в элементы класса "container".

    Разумеется, вместо классов в иерархии могут быть и #айдишники и просто теги.
     
  3. Nickname

    Nickname Новичок

    С нами с:
    20 авг 2015
    Сообщения:
    2
    Симпатии:
    0
    Re: Как задать стиль для тега <ul> в виджете?

    Спасибо за помощь. Проблема решилась банальной допиской .widget ul { margin-left: 5px; бла-бла-бла;}
     
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Re: Как задать стиль для тега <ul> в виджете?

    Как и ожидалось :)