Селектори по сродство при вложеност во LESS

Да ги разгледаме како во LESS при вложеност да додаваме различни селектори кои ги избираат елементите по сродство. Погледнете ги примерите.

Пример

Детски селектор:

div {
	> p {
		color: red;
	}
}

Резултат на компајлирање:

div > p {

}

Соседски селектор

div {
	+ p {
		color: red;
	}
}

Резултат на компајлирање:

div + p {

}

Селектор на браќа и сестри:

div {
	~ p {
		color: red;
	}
}

Резултат на компајлирање:

div ~ p {

}

Кажете, каков ќе биде резултатот на компајлирање на следниот код:

ul {
	color: red;
	
	> li {
		padding: 20px;
	}
}

Кажете, каков ќе биде резултатот на компајлирање на следниот код:

div {
	ul {
		> li {
			padding: 20px;
		}
	}
}