Правильный синтаксис CSS

Question

При написании и ссылках на элементы в моих таблицах стилей -

ul#display-inline-block-example li 

И

#display-inline-block-example ul li 

Тоже самое? Если нет, то что не так с одним или другим?

Answer 1

Нет, это не так.

Первый - применение стилей к li, который вложен в ul с идентификатором display-inline-block-example

Второй - применение стилей.в li, который вложен в ul, который вложен в элемент любого типа с идентификатором display-inline-block-example

Answer 2

Нет. Первый:

ul#display-inline-block-example li 

нацелит элементы списка в неупорядоченном списке с помощью id display-inline-block-example.

Второй:

#display-inline-block-example ul li 

будет нацеливаться на элементы списка в неупорядоченном списке, контейнер которого (может быть любым) имеет id display-inline-block-example.

Answer 3

1.ul # display-inline-block-example li

2. # display-inline-block-example ul li

первый будет нацелен на li внутри с id = "# display-inline-block-example", как

ul id = "display-inline-block-example" li / li - 1. первый селектор будет нацелен на этот элемент / Мкл

второй будет нацелен на все ul li внутри элемента с помощью селектора идентификатора "# display-inline-block-example"

например:

div id = "display-inline-block-example" уль ли / ли / уль - ul li / li / ul - это будет затронуто, если вы напишите стили, используя этот селектор "# display-inline-block-example ul li" / Дел

Answer 4

Ваш второй селектор говорит, что li является наследником некоторого ul, в котором элемент #display-inline-block-example является предком.Это другое дело.