属性选择器

泉缘泉 · 2022-8-9 14:43:01

属性选择器是最常用的选择器

复制代码

一，存在id属性的元素 a[]{}

============

二，id=first的元素

==============

三，class中有links的元素

================

四，href中以http开头的元素

===========

五，href中以doc结尾的元素

================

附上代码：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a target="_blank" href="http://www.baidu.com" id="first">1</a> <a href="https://www.cnblogs.com/" target="_blank" title="test">2</a> <a target="_blank" href="https://www.cnblogs.com/images/123.html" >3</a> <a target="_blank" href="https://www.cnblogs.com/images/123.png" >4</a> <a target="_blank" href="https://www.cnblogs.com/images/123.jpg" >5</a> <a target="_blank" href="https://www.cnblogs.com/abc" >6</a> <a target="_blank" href="https://www.cnblogs.com/a.pdf" >7</a> <a target="_blank" href="https://www.cnblogs.com/abc.pdf" >8</a> <a target="_blank" href="https://www.cnblogs.com/abc.abc" >9</a> <a target="_blank" href="https://www.cnblogs.com/abcd.doc" >10</a> </body> </html>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

		自动登录	找回密码
密码			立即注册

0 个回复