ksa, спасибо.
Но во втором случае все равно выделяется вся строка (и span 1 и span 2)
div > span { border: 1px solid; }
Первый пример вроде бы понял, но решил попробовать выделить только первые
li во всех
ul. Применил такой селектор:
ul + li { border: 1px solid; }
.
Вроде бы все как по правилу:
X + Y { border: 1px solid; } - Селектор будет выбирать только элемент типа Y, который идет сразу после элемента Х.
Ничего не выделилось. Я прошу прощения, что задаю элементарные вопросы. Но пока дальше не получается двинуться.
Испытывал в jsfiddle (Firefox Quantum)