简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

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

WBOY
Lepaskan： 2016-06-24 12:22:38
asal
794 orang telah melayarinya

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

Label berkaitan：
CSS选择器疑惑，求指教
sumber：php.cn
Artikel sebelumnya：网页制作_html/css_WEB-ITnose Artikel seterusnya：css失效_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
javascript - Apabila memuat naik foto di bawah WeChat dalam IOS10.3, anda hanya boleh mengambil foto tetapi tidak boleh memilih fail. Semasa memuat naik foto di bawah WeChat dalam iOS 10.3, fail itu tidak boleh dipilih, saya...
daripada 2017-05-19 10:45:42
0
1
1022
javascript - elemen ui, pilih pemilih, nilai dalam input kosong selepas pemilihan tunggal. Ambil demo pilihan tunggal pertama bagi pemilih pilihan rasmi sebagai contoh, dan pautan c...
daripada 2017-05-19 10:24:56
0
2
613
angular.js - 关于angular属性指令的疑问 @Directive({ selector: '[myHighlight]' })@Directive 装饰器需要一个 css 选择器，以便从模板中识别出关联到这个指令的 HTML...
daripada 2017-05-15 17:06:18
0
1
407
angular.js - angularjs 指令问题 在用指令的时候有一个疑惑，如果我有个select的插件，我目前是写在指令中，通过scope获取控制器的option数据，但是当select选择触发事件的时候，会执行不同方法。请问如...
daripada 2017-05-15 16:51:45
0
1
353
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！