CSS教程 [attr]属性选择器
1、新建一个[attr]属性选择器.html 文件,如图所示:
![CSS教程 [attr]属性选择器](https://exp-picture.cdn.bcebos.com/03f26bd7997bbbf473a8e7695549610f8a56d647.jpg)
2、输入HTML5的结构代码,将title标签里面的内容修改成:[attr]属性选择器,如图所示:
![CSS教程 [attr]属性选择器](https://exp-picture.cdn.bcebos.com/739bc049610f8b5603f4bbdb9ce951e10ff8d347.jpg)
3、[attr]属性选择器:匹配具有所给定属性名称的标签,其中attr是一个示意性符号,表示属性名
![CSS教程 [attr]属性选择器](https://exp-picture.cdn.bcebos.com/0fb94656d53da8246e195961306651598440cb47.jpg)
4、输入style标签,用于定义CSS,如图所示:
![CSS教程 [attr]属性选择器](https://exp-picture.cdn.bcebos.com/cd93a56651598540abda9151b5a23a42a17ac447.jpg)
5、使用属性选择器修改具有class属性的所有标签,如图所示:
![CSS教程 [attr]属性选择器](https://exp-picture.cdn.bcebos.com/a151a233ec3834bbdd1f37ec8714c27bd3823d44.jpg)
6、运行网页,可以看到所有具有class属性的标签都被修改,如图所示:
![CSS教程 [attr]属性选择器](https://exp-picture.cdn.bcebos.com/a31e1214c27bd2824f7934f53cb1eef97ebd3644.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:23
阅读量:60
阅读量:31
阅读量:63
阅读量:44