JS属性选择器

属性选择器

[属性名] 表示选取含有指定属性的元素

p[name]{
	font-size="28px";
}

[属性名=“属性值”] 表示选取属性等于指定属性值的元素

p[name="jack"]{
	font-size="20px";
}

[属性名~=“属性值”] 表示用于选取属性值中包含指定词汇的元素。

p[title~="name"]{
	color=red;
}

[属性名|=“属性值”] 表示用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。

p[title="car"]{
	background-color=yellow;
}

[属性名^=“属性值”] 表示选择属性值以什么开头的元素

p[name^="ab"]{
	font-size="35px";
}

[属性名$=“属性值”] 表示选择属性值以什么结尾的元素

p[name$="cm"]{
	font-size="20px";
}

[属性名*=“属性值”] 表示选择包含该属性值的元素

p[name*="aa"]{
	font-size="22px";
}