Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Селекторы в CSS / 4 сообщений из 4, страница 1 из 1
27.07.2016, 11:19
    #39280933
забанен в гугле
забанен в гугле
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Селекторы в CSS
Есть код, выводящий на 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:37
    #39280959
kalamfur
kalamfur
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Селекторы в CSS
Это сброс предыдущих настроек у twocolscroller
нет.
эта строка не несет смысловой нагрузки

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

div.twocolscroller ol.ts_head {.....}
данные стили применяются только к списку с классом ts_head завернутому в div с классом twocolscroller
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.07.2016, 11:39
    #39280964
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Селекторы в CSS
забанен в гуглеЧто означают следующие селекторы
Код: 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:41
    #39280969
забанен в гугле
забанен в гугле
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Селекторы в CSS
kalamfur, krvsa,

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


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