Programming/css

css selector

구차니 2015. 9. 14. 11:32

엇.. css에서 >는 연산자가 맞긴한데.. 비교가 아니었구나

div > p는 div 하위의 p 에 대해서 css를 적용한다 라는 의미

즉, div 안에서 쓰는 p와 그냥 p를 서로 다르게 줄 수 있다는 것


element,element div, p Selects all <div> elements and all <p> elements 1

element element div p Selects all <p> elements inside <div> elements 1

element>element div > p Selects all <p> elements where the parent is a <div> element 2

element+element div + p Selects all <p> elements that are placed immediately after <div> elements 2

element1~element2 p ~ ul Selects every <ul> element that are preceded by a <p> element


[링크 : http://www.w3schools.com/cssref/css_selectors.asp]


tag

{

property: value value2 value3;

}

[링크 : http://www.w3schools.com/cssref/default.asp]