简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer： 2016-06-24 12:22:38
original
794 Les gens l'ont consulté

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

Étiquettes associées：
CSS选择器疑惑，求指教
source：php.cn
Article précédent：网页制作_html/css_WEB-ITnose Article suivant：css失效_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
javascript - iOS 10.3 Lors du téléchargement de photos sous WeChat, vous ne pouvez prendre que des photos, mais vous ne pouvez pas sélectionner de fichiers Lors du téléchargement de photos sur WeChat sous iOS 10.3, le fichier ne peut pas être sél...
Depuis 2017-05-19 10:45:42
0
1
1022
javascript - élément ui, sélecteur de sélection, la valeur dans l'entrée est vide après une seule sélection. Prenons comme exemple la première démo à sélection unique du sélecteur de sélection offici...
Depuis 2017-05-19 10:24:56
0
2
613
angular.js - 关于angular属性指令的疑问 @Directive({ selector: '[myHighlight]' })@Directive 装饰器需要一个 css 选择器，以便从模板中识别出关联到这个指令的 HTML...
Depuis 2017-05-15 17:06:18
0
1
407
angular.js - angularjs 指令问题 在用指令的时候有一个疑惑，如果我有个select的插件，我目前是写在指令中，通过scope获取控制器的option数据，但是当select选择触发事件的时候，会执行不同方法。请问如...
Depuis 2017-05-15 16:51:45
0
1
353
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！