css属性选择器格式

在CSS中，选择器是操作样式的重要工具，是控制网页样式的基础。而属性选择器，是一种依据元素属性名称和值来匹配元素的选择器。

/*属性选择器格式为[attr=value]*/
[attr] /*选中拥有attr属性的元素*/
[attr=value] /*选中attr属性值为value的元素*/
[attr^=value] /*选中attr属性值以value开头的元素*/
[attr$=value] /*选中attr属性值以value结尾的元素*/
[attr*=value] /*选中attr属性值包含value的元素*/

其中[attr]选择器表示只要元素拥有指定属性名，不论属性值如何，都会被选中。而[attr=value]选择器则表示只有元素属性名和属性值同时符合才会被选中。

其他的属性选择器，则是依据属性值的匹配规则来选择元素，如[attr^=value]表示选中属性值以value开头的元素，而[attr*=value]则表示选中属性值包含value的元素。

/*示例代码*/
/*选中所有拥有href属性的a标签*/
a[href] {}
/*选中所有href属性值为https://的a标签*/
a[href="https://"] {}
/*选中所有href属性值以#开头的a标签*/
a[href^="#"] {}
/*选中所有href属性值以png结尾的img标签*/
img[src$=".png"] {}
/*选中所有href属性值包含google的a标签*/
a[href*="google"] {}

了解属性选择器的用法，可以更加灵活地操作网页样式，增强用户体验。当然，在实际应用中，还要考虑兼容性、可维护性等问题。