개발 Q&A

제목 CSS 문법에 대해 질문 드립니다.
글쓴이 호루루 작성시각 2014/11/12 10:40:33
댓글 : 3 추천 : 0 스크랩 : 0 조회수 : 16299   RSS
안녕하세요.
어떻게 검색을 해야 할지 감이 안와서 무턱대고 이렇게 글을 올립니다.

부트스트랩 적용을 하려고 몇가지 레이아웃을 뜯어보고 있는데 스타일 시트에 특이한 형태가 있어서요.
어떤 식으로 해석하는게 좋을지 감이 안옵니다.
 
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
'>' 와 '+' 기호가 들어가는데 이게 어떤 의미인지 궁금합니다.
고맙습니다.
 다음글 jquery 의 ajax 를 사용하여 동적으로 form... (2)
 이전글 PHP 어레이 질문입니다. (3)

댓글

한대승(불의회상) / 2014/11/12 11:15:34 / 추천 0
게시판 이동 합니다.

아래 URL을 참고 하세요.

http://www.w3schools.com/cssref/css_selectors.asp
implemental / 2014/11/12 14:46:37 / 추천 0
> 는 자식 선택자입니다. css 레벨은 2이고 IE6에선 지원 안하죠~ 

+ 는 인접 형제 선택자인데, 같은 부모요소를 가지는 요소를 형제 관계라고 합니다. 
먼저 나오는 요소를 형, 다음이 동생이고요. 
css 레벨은 2이고 역시 ie 6 에선 지원 안합니다

+ 말고 ~ 도 있는데 이건 일반 형제 선택자라고 합니다. 



 
호루루 / 2014/11/12 21:27:45 / 추천 0
두분 모두 감사합니다! 가슴이 뻥 뚫리네요!
질문글은 다음부터 잘 보고 올리겠습니다.