CSS选择器之符号

jQuery、CSS常用选择器

符号	描述	示例	说明
紧接无符号	相当于”并且“关系	input.k-textbox{    ... }	选出input并且包含k-textbox类的元素
, （逗号）	选择器分格符, 选择多种元素	h1, h2{    ... }	选出h1 和 h2 的所有元素
. （圆点）	类选择器	.k-textbox{     ... }	选出包含k-textbox类的元素
*（星号）	所有元素	*{    ... }	选择所有的元素
# (井号）	ID选择器	#mem-id{   ... }	选择 ID 为 mem-id 的元素
[ ]  (中括号)	属性选择器	h1[class='k-textbox']{    ... }	选择h1并且包含k-textbox类的元素
（空格）	后代选择器	#container h1{   ... }	选择 ID 为 container 内的所有为h1后代元素
> （大于号）	子元素选择器	#container>h1{   ... }	选择 ID 为 container 内的所有为h1的子元素(仅限子元素，孙的不计）
+ （加号）	后面紧挨的兄弟选择器	#mem-id+h1{   ... }	选择 ID 为 mem-id 的后面 "紧挨" 的h1元素
~ （波浪线）	兄弟元素选择器	#mem-id~h1{    ... }	选择ID 为 mem-id 的所有h1兄弟元素
:

转载于:https://www.cnblogs.com/LLLLoveLLLLife/p/8004547.html