В чём разница селекторов

[visortelle]

В общем достаточно странная вещь происходит.  Элемент с классом .bx-pager на странице ОДИН ЕДИНСТВЕННЫЙ.

А результат во всех трёх случаях разный. Объясните пожалуйста новичку в чём разница.

 

#slider .bx-pager{
bottom: 10px;
right: 0px;
width: 124px;
height: 53px;
padding-top: 0 !important;
margin: 0 !important;
}

 

#slider.bx-pager{
bottom: 10px;
right: 0px;
width: 124px;
height: 53px;
padding-top: 0 !important;
margin: 0 !important;
}

.bx-pager{
bottom: 10px;
right: 0px;
width: 124px;
height: 53px;
padding-top: 0 !important;
margin: 0 !important;
}

 

Собственно вот этот http://bxslider.com/ на всякий случай.

 

 

[pangurban]

1. стили применяются к элементу с .bx-pager, у которого есть родитель с #slider.

 

2 стили применяются к элементу у которого есть и #slider и .bx-pager.

 

3. стили применяются к элементу с .bx-pager.

[Galaxy]

Разница в приоритетности #slider .bx-pager приоритетнее чем .bx-pager

[visortelle]

Galaxy, ты чудо! Я как то наспех прохлопал эту тему. =) Спасибо)

[Galaxy]