ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Селекторы в CSS
4 сообщений из 4, страница 1 из 1
Селекторы в CSS
    #39280933
забанен в гугле
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
забанен в гугле
Гость
Есть код, выводящий на CSS две колонки
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
<!DOCTYPE html>
<head>
  <title>test</title> <meta charset="utf-8">
<style>
div.twocolscroller {}
div.twocolscroller ol.ts_head {list-style:none; padding:0; margin:0;}
div.twocolscroller ol.ts_head {padding:0 17px 0 2px; clear:both}
div.twocolscroller ol.ts_head li {float:left; width:50%;}
div.twocolscroller div.ts_shell {overflow:auto;clear:both;}
div.twocolscroller div.ts_shell ol.ts_body {list-style:none; padding:0; margin:0;}
div.twocolscroller div.ts_shell ol.ts_body {height:100.4%; padding-left:2px;}
div.twocolscroller div.ts_shell ol.ts_body li {float:left; width:50%;}
</style>
</head>
<body>
<div class="twocolscroller">
  <ol class="ts_head">
    <li>Name</li><li>Age</li>
  </ol>
  <div style="height:300px;" class="ts_shell">
      <ol class="ts_body">
        <li>Adam Baum</li><li>41</li>
        <li>Aretha Holly</li><li>42</li>
        <li>April Schauer</li><li>43</li>
        <li>Brighton Early</li><li>44</li>
        <li>Brock Lee</li><li>45</li>
        <li>Brooke Trout</li><li>41</li>
        <li>Chris Coe</li><li>42</li>
        <li>Daryl Rhea</li><li>43</li>
        <li>Don Key</li><li>44</li>
        <li>Ford Parker</li><li>45</li>
        <li>Heidi Clare</li><li>41</li>
        <li>Iona Ford</li><li>42</li>
        <li>Jay Walker</li><li>43</li>
        <li>Les Moore</li><li>44</li>
        <li>Luke Warm</li><li>45</li>
        <li>Marty Graw</li><li>41</li>
        <li>Mike Stand</li><li>42</li>
        <li>Neil Down</li><li>43</li>
        <li>Oren Jellow</li><li>44</li>
        <li>Penny Nichols</li><li>45</li>
        <li>Rita Booke</li><li>41</li>
        <li>Summer Day</li><li>42</li>
        <li>Warren Peace</li><li>43</li>
        <li>X. Benedict</li><li>44</li>
      </ol>
  </div>
</div>
</body>
</html>


Что означают следующие селекторы
Код: css
1.
2.
div.twocolscroller
ol.ts_head

Здесь имя класса написано вплотную, без пробела к div и ol . Предполагаю, что класс twocolscroller применяется только к диву, у которого класс=twocolscroller.

Также непонятна запись с пустыми фигурными скобками
Код: css
1.
div.twocolscroller {}

Это сброс предыдущих настроек у twocolscroller, если вдруг таковые были выше?
...
Рейтинг: 0 / 0
27.07.2016, 11:19
| Ответить | Цитировать | Написать  
Селекторы в CSS
    #39280959
kalamfur
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kalamfur
Гость
Это сброс предыдущих настроек у twocolscroller
нет.
эта строка не несет смысловой нагрузки

Здесь имя класса написано вплотную, без пробела к div и ol. Предполагаю, что класс twocolscroller применяется только к диву, у которого класс=twocolscroller.

div.twocolscroller ol.ts_head {.....}
данные стили применяются только к списку с классом ts_head завернутому в div с классом twocolscroller
...
Рейтинг: 0 / 0
27.07.2016, 11:37
| Ответить | Цитировать | Написать  
Селекторы в CSS
    #39280964
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
забанен в гуглеЧто означают следующие селекторы
Код: css
1.
2.
div.twocolscroller
ol.ts_head



1. Действует только на ДИВы с классом twocolscroller ...
2. Действует только на списки (ol) с классом ts_head ...
забанен в гуглеТакже непонятна запись с пустыми фигурными скобками
Код: css
1.
div.twocolscroller {}


Это сброс предыдущих настроек у twocolscroller, если вдруг таковые были выше?
Нет никакого сброса...
Просто собрались писать но передумали. Т.е. такое можно просто удалить и ничего не поменяется.
...
Рейтинг: 0 / 0
27.07.2016, 11:39
| Ответить | Цитировать | Написать  
Селекторы в CSS
    #39280969
забанен в гугле
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
забанен в гугле
Гость
kalamfur, krvsa,

спасибо за ответы, всё стало понятно.
...
Рейтинг: 0 / 0
27.07.2016, 11:41
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Селекторы в CSS
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]