첫째, 사용 :하지 () 적용은 / 메뉴에 응용 국경을 취소
우리의 일반적인 관행 0으로 메뉴의 최종 국경을 경계를 설정 한 다음 설정 각 메뉴 항목을 제공하는 것입니다
/* add border */
.nav li {
border-right: 1px solid #666;
}
//* remove border */
.nav li:last-child {
border-right: none;
}
web前端开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，PDF）하지만, 사용을하지 않는다 :하지 () 의사 클래스가 동일한 효과를 달성하기 위해 :
.nav li:not(:last-child) {
border-right: 1px solid #666;
}첫 아이 ~ 리,하지만 : 읽기, () 더 명확하지 물론, 당신은 또한 .nav 리 + 리 또는 .nav 리를 사용할 수 있습니다
.nav li + li{
border-left:1px solid #666;}
/*.nav li:first-child ~ li{
border-left:1px solid #fff;
}*/둘째, 사용 : n 번째 자녀 (N) 선택 항목
(주의 : 아래 첨자 1은 제 1 자식 요소이다)
다음 선택리스트 번째 요소를 나타내는 n 번째 자식 (3)
: n 번째 자식 (2N)는 태그 ...... 여섯째, 넷째, 즉 짝수 태그리스트를 나타낸다 번째 선택
: n 번째 자식 (2N-1)에 선택 목록 라벨 홀수, 즉, 선택하는 우선, 제 3, 제 5, 제 7 ...... 태그를 나타낸다
: n 번째 자식 (N + 3)가 상기리스트로부터 선택된 라벨을 나타내는 마지막 세 (> = 3)
: n 번째 자식 (α + 3) 0 내지 3의 태그리스트를 선택 나타내고, 즉, 라벨이 3 미만 (<= 3)
: n 번째 마지막 자식 (3)는 선택리스트 탭 (3)의 역수를 나타낸다
각 소자의 n 번째 타입의 (n)은 특정 종류의 N 번째 하위 요소에 속하는 친 요소를 일치
셋째, 숨기기가 음소거 상태가 아닌지, 자동 재생 비디오
video[autoplay]:not(:muted){
display:none;
}
web前端开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，PDF）다시,의 사용 :not()장점
네, IE 조건부 주석
IE에서 조건부 주석이 IE와 비 IE IE의 버전을 구분하는 뛰어난 능력을 가지고, 일반적으로 IE 처리 제품에 대한 HTML 코드를 분리 할 수 있습니다 웹 개발 해킹 방법에 사용되는
<!--[if lt IE 9]>
//解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
//让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]—>
web前端开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，PDF）- 있다 :보다 큰, 또는 선택 기준 이후 버전의 상태 버전을 포함하지 않는다
- LT는 : 이하, 다음 선택 기준 버전 버전 버전은 조건에 포함되지 않습니다
- GTE : 이상인, 선택 기준 또는 버전은 버전은 조건을 포함
- LTE는 : 동일보다 작거나, 다음 선택 기준 버전 버전 버전은 조건을 포함
- ! :의 수준에 관계없이 조건 버전을 제외한 모든 버전을 선택
다섯째, 고정 테이블 레이아웃 형태 : 고정;
브레이크의 모든;의 사용 : 그리고 워드 휴식 휴식 단어 : 일반적으로 워드 랩
CSS3 바꿈 속성
줄 바꿈 : 일반 | 휴식 단어;
CSS3 단어 휴식 속성
워드 브레이크 : 일반 | 휴식 - 모든 | 유지 - 모든;
참고 : 계속하기 위해 새로운 기술이 계속 업데이트됩니다 발견