简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

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

WBOY
發布： 2016-06-24 12:22:38
原創
793 人瀏覽過

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在微信下上傳照片只能拍照不能選擇文件 微信下ios10.3上傳照片無法選擇檔案 之前是這麼寫的 {程式碼...} 懷疑是capture的問題，改成這樣 {程式碼...} 還是不行，求指教
來自於 2017-05-19 10:45:42
0
1
1022
javascript - element ui ，select選擇器，單選後input裡面的值是空的。 以官方的select選擇器 第一個單選demo為例，實例連接 正常效果圖： {代碼...} 非正常效果圖： {代碼...} 求各位前輩指教。
來自於 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學習者快速成長！