CSS之属性选择器

CSS之属性选择器

/*属性选择器
根据元素中的属性 或者属性值 来选取指定元素
语法:
	[属性名] 选取含有指定属性的元素
	[属性名="属性值"] 选取含有指定属性值的元素
	[属性名^="ad"] 选取属性值以 ad开头的元素
	[属性名$="c"] 选取属性值以 c结尾的元素
	[属性名*="c"] 选取属性值中有 c 的元素
	*/
p[title]{
	
}
p[title="hello"]{
	
}

/*其他元素选择器
 * first-child
 * last-child
 * nth-child(num)指定选中第几个子元素
 * even 表示偶数
 * odd 表示奇数
 */

p:first-child{  /*必须是p标签 并且是其父元素的 第一个子元素*/
	
}
div > p:last-child{  /*必须是p标签 ,并且是body的最后一个子元素*/
	/*background-color: red;*/
}
p:nth-child(3){		/*必须是p标签,并且选中 其父元素的 第三个子元素为p标签的*/
	/*background-color: blue;*/
}
p:nth-child(even){		/*所有偶数孩子*/
	background-color: yellow;
}
p:first-of-type{   /* 所有子元素 p标签中第一个*/
	
}