Любой способ прикрепить определенные стили CSS к определенным группам?

Question

У меня уже есть стиль в таблице стилей.Мне нужно, чтобы остаться в определенном стиле.Он разрабатывается без использования класса, например .selectors {width: 50px;} li {padding: 10px;}

Теперь я столкнулся с проблемой.Я пытаюсь стилизовать li снова, без каких-либо классов, как у меня в примере кода.Например .options {width: 30px;} li {padding: 50px;}

Мне было интересно, есть ли способ прикрепить определенные элементы к другому элементу.Я не уверен, имеет ли это смысл, но я пытаюсь применить один LI только к определенной части страницы, а второй - к другой части страницы.Это возможно без использования классов?Я не могу изменить код или добавить классы, иначе скрипт не работает.Может ли кто-нибудь помочь, если я вообще что-то понимаю.

Answer 1

Очень распространенный способ сделать это -

#content li { ... }
#sidebar li { ... }

, поэтому li будет вести себя по-разному внутри двух разных элементов с разными идентификаторами.Скажем, если content - это div, а sidebar - это div, то li будет вести себя по-разному внутри этих двух div.

Также возможно быть "внутри класса":

.items-to-watch-out-for li { ... }

Это хороший способ избежать «слишком много классов», который называется «classitis», как в этой статье:

http://www.ehow.com/how_2284990_classitis-html-css-descendant-selectors.html

Answer 2

Это никогда не будет лучшим способом, если вы не можете добавлять классы.

Потенциально, если ul находятся в одном контейнере, вы можете попробовать:

ul:first-child li {}

Это позволит вам стилизовать первый ul так, как вы хотите, а затем общий:

ul li {}

Позаботится о втором.

Этот метод должен работать во всех браузерах, кроме IE6.

http://www.quirksmode.org/css/contents.html#t17

能量 能量 решение - идеальный способ.