2014-09-02 2 views
0

Я запутался об этом два селектора в CSSразница между селектором ">" и "" в CSS

В w3schools CSS Selector Ссылка сказал:

элемент элемент, как div p: Выбирает все элементы внутри <p><div> элементов

и

элемент> элемент, как div > p: Выбирает все элементы <p> где родитель является элементом

что разница между этими двумя определения?

+2

> это прямые дети селектор –

+0

CSS и JQuery селектор почти аналогичный вид меньше, чем '(>)', как работать HTTP: //stackoverflow.com/questions/3225891/what-does-the-greater-than-sign-css-selector-mean – Girish

+0

См. http://stackoverflow.com/questions/1182189/css-child-vs-descendant- селекторы? rq = 1 – Guffa

ответ

2
E F Matches any F element that is a descendant of an E element. 
E > F Matches any F element that is a child of an element E. 

Вы можете быть более ясным из этой картины:

enter image description here

+0

спасибо, это было здорово. можете ли вы определить «div + p» для меня? – Miller

+1

+ используется для непосредственного родства и ~ используется для следующих братьев и сестер –

+0

посмотреть это изображение: http://i.stack.imgur.com/pvW6Q.jpg –

Смежные вопросы