在CSS3中有一类选择器---属性选择器，可以根据属性、属性等于值、属性不等于值、属性以什么开头、属性以什么结尾和属性包含什么。下面利用实例说明属性选择器的用法，操作如下：工具/原料moreCSS3HTML5HBuilderX浏览器截图工具方法/步骤1/6分步阅读

第一步，在已打开HBuilderX工具中新建页面，并在页面中插入div和多个超链接a，如下图所示：

2/6

第二步，利用第一个div标签类选择器，设置元素的样式，如宽度、边框、内外间距，如下图所示：

3/6

第三步，保存代码并打开浏览器预览页面效果，可以发现几个字母依次排列，如下图所示：

4/6

第四步，再使用类选择器和元素选择器，设置宽度、高度、行高、背景色等，如下图所示：

5/6

第五步，再次保存代码并预览页面效果，可以发现九个格子的块，如下图所示：

6/6

第六步，如果想要设置中心位置的元素样式，可以使用class等于common middle，如下图所示：

注意事项

注意CSS3中的属性选择器的用法

注意属性选择器等于号前几种符号代表的含义

CSS3HTML5元素选择器属性选择器选择器