Найти селектор CSS?

Question

[GeKskill]

Привет, есть такой html:

<ul class="list">
	<li>
		<ul class="shown-list">
			<li><a href="link">Text</a></li>
			<li>
				<ul class="shown-list"> <!-- Этому списку нужно указать max-height и overflow -->
					<li><a href="link2">Text2</a></li>
					<li>Content</li>
					<li>Content</li>
					<li>Content</li>
					<li>Content</li>
					<li>Content</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>

Как указать самому дочернему списку с классом shown стили max-height и overflow?
Это списки категорий, поэтому вложенность всегда разная.

Answer 1

[xdevelx]

.shown-list .shown-list {
  max-height: 200px;
  overflow: hidden;
}

Comments

[GeKskill]

Спасибо, но не подойдет, так как вложенность всегда разная

[Eugen]

GeKskill, насколько она разная? пример можно?

[GeKskill]

malente, Как минимум три варианта:
1) .shown-list -> код выше не сработает
2) .show-list .shown-list -> сработает для всех shown-list после первого ( а нужен последний)
3) shown-list .shown-list .shown-list -> отработает второй пункт ( включая промежуточные shown-list), а надо только к последнему вложенному.
P/s вопрос решил изменив структуру каталога