Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Как обратиться к каждому из элементу списка
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 920
Пользователь №: 27293
На форуме: 5 лет, 8 месяцев, 2 дня
Карма: -1




Имеется список из трех элементов:

            <ul>
<li>
Первый</li>
<li>
Второй</li>
<li>
Третий</li>
</ul>

И для всех элементов списка задано такое правило:
ul li {display:table-cell; }

Необходимо установить для первого элемента списка ширину 20%, для второго элемента 30% и для третьего элемента 50%.

Как это проще сделать?
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 920
Пользователь №: 27293
На форуме: 5 лет, 8 месяцев, 2 дня
Карма: -1




Вот при таком варианте работает только первый элемент:
ul li:first-child{width:30%; background-color: green; }
ul li:second-child{width:50%; background-color: #CF6; }
ul li:third-child{width:20%; background-color: #FF0; }
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 920
Пользователь №: 27293
На форуме: 5 лет, 8 месяцев, 2 дня
Карма: -1




Проблема разрешилась через nth-child(1).
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса