Форум Сайтостроение Веб-строительство

Разъясните структуру CSS

footballstar
На сайте с 20.07.2010
Offline
94
footballstar
445

Читая книжку по css, наткнулся на подобный вид описания элемента: 

ol.specials li div.special a span {

Что я понимаю:

1. ol - <ol>

2. .speacial - это класс, который используется в <ol>

3. li находится внутри <ol>

а дальше не пойму, не понимаю структуру div.special (я понял, что special это класс, а что значит див перед ним?) после special всё в принципе понятно.

Разъясните пжл, буду премного благодарен.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#1

div - тег с классом special

пример структуры: 

<ol class="specials">

  <li>

    <div class="special">

      text <a href="#">ссылка с каким-то <span>фрагментом</span></a>

    </div>

  </li>

</ol>
https://adminbook.ru/
sir Nicholas
На сайте с 18.04.2012
Offline
146
sir Nicholas
#2
footballstar:
div.special

Это точное уточнение стиля css, и означает, что он применяется только к div-вам класса .special. К другим класамм .special стиль не имеет никакого отношения.

Пример:

<span class="special">Пример</span>

Данное правило (div.special) не распространяется на указанный пример.

footballstar
На сайте с 20.07.2010
Offline
94
footballstar
#3

т.е. правила будут распространяться только на <span>, который является дочерним элементом <div class="special"> и только?

а сам <div class="special"> является дочерним элементом элемента <ol>?

---------- Добавлено 14.03.2013 в 16:41 ----------

а то что <ol> строчный элемент, а <div> блочный это вполне нормально?

sir Nicholas
На сайте с 18.04.2012
Offline
146
sir Nicholas
#4
footballstar:

1. т.е. правила будут распространяться только на <span>, который является дочерним элементом <div class="special"> и только?
2. а сам <div class="special"> является дочерним элементом элемента <ol>?
3. а то что <ol> строчный элемент, а <div> блочный это вполне нормально?

1. Не понял вопроса (укажите точное определение css стиля)

2. Да

3. Не имеет значения, но при верстке блоков на сайте используют блочные элементы, хотя и встречаются на практике частично строчные.

footballstar
На сайте с 20.07.2010
Offline
94
footballstar
#5

sir Nicholas, первый вопрос это я уточнял ваше

sir Nicholas:
Пример:
Цитата:
<span class="special">Пример</span>
Данное правило (div.special) не распространяется на указанный пример.

сообщение. т.е. span у других тегов с классом special (не div) не будут учитывать описанные свойства?

Большое спасибо!

sir Nicholas
На сайте с 18.04.2012
Offline
146
sir Nicholas
#6
footballstar:
т.е. span у других тегов с классом special (не div) не будут учитывать описанные свойства?

Да, не будут именно в данном стиле, но в css есть наследственность. Если Вы пропишите только .special, то он распространяется на все присвоенные классы .special в независимости от тегов.

<div class"special"></div>
div.special{}

Данное правило будет распространятся только на div с классом special

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий