简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

CSS选择器疑惑，求指教_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 12:22:38
원래의
792명이 탐색했습니다.

CSS HTML

CSS和HTML描述如下





  


显示效果如下图：


对选择器：input.search和 #search_container input:focus

表示疑惑，中没有这些元素啊

求指教！

回复讨论(解决方案)

input.search 
表示的是class="search"的input元素才起作用。其他元素不起作用。如

就不会有效果

#search_container input
表示id="search_container"元素里面的所有input起作用

input.search 
表示的是class="search"的input元素才起作用。其他元素不起作用。如

就不会有效果

#search_container input
表示id="search_container"元素里面的所有input起作用
+1

 

input.search 指的是所有class为"search"的input类控件

#search_container input:focus

在你给出的代码里面确实没有#search_container这个ID  这个是按ID找Element
input:focus  伪选择器，当input控件是当前焦点时

综合起来就是#search_container这个ID的元素内部任意位置层次的Input在聚焦时的样式

参考W3C http://www.w3.org/TR/2011/REC-CSS2-20110607/selector.html

관련 라벨：
CSS选择器疑惑，求指教
원천：php.cn
이전 기사：网页制作_html/css_WEB-ITnose 다음 기사：css失效_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
javascript - IOS10.3 WeChat에서 사진을 업로드할 때 사진만 찍을 수 있고 파일을 선택할 수는 없습니다. iOS 10.3에서 위챗에 사진을 업로드할 때 파일을 선택할 수 없습니다. 예전에는 {code...} 이렇게 썼었는데, 캡쳐에 문제가 있는 것 같아 이 {code...
에서 2017-05-19 10:45:42
0
1
1022
javascript - 요소 UI, 선택기 선택, 단일 선택 후 입력 값이 비어 있습니다. 공식 셀렉터의 첫 번째 싱글 셀렉트 데모를 예로 들어보겠습니다. 예시 링크는 정상 렌더링: {code...} 비정상 렌더링: {code...} 선배님들의 조언 부...
에서 2017-05-19 10:24:56
0
2
613
angular.js - 关于angular属性指令的疑问 @Directive({ selector: '[myHighlight]' })@Directive 装饰器需要一个 css 选择器，以便从模板中识别出关联到这个指令的 HTML...
에서 2017-05-15 17:06:18
0
1
407
angular.js - angularjs 指令问题 在用指令的时候有一个疑惑，如果我有个select的插件，我目前是写在指令中，通过scope获取控制器的option数据，但是当select选择触发事件的时候，会执行不同方法。请问如...
에서 2017-05-15 16:51:45
0
1
353
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！