泉缘泉 发表于 2022-8-9 14:43:01

属性选择器

属性选择器是最常用的选择器
<strong>=绝对等于</strong><br><strong>*=包含这个元素</strong><br><strong>^=以这个开头</strong><br><strong>$=以这个结尾</strong><br><br>一，存在id属性的元素 a[]{}
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205113029-1375928482.png
 

 ============
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205130076-865543527.png
 
 二，id=first的元素
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205252089-978846694.png
 
==============
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205305263-1758003834.png
 
 三，class中有links的元素
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205449323-390814341.png
 
 ================
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205504020-1422362258.png
 
 四，href中以http开头的元素
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205535078-1140130217.png
 
 ===========
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205551692-838573478.png
 
 五，href中以doc结尾的元素
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205622930-426789367.png
 
 ================
https://img2022.cnblogs.com/blog/2838888/202206/2838888-20220623205645235-2100457240.png
 
附上代码：
<!DOCTYPE html><br><html lang="en"><br><head><br>    <meta charset="UTF-8"><br>    <title>Title</title><br></head><br><br><br><br><body><br><br><p ><br>    <a target="_blank" href="http://www.baidu.com"id="first">1</a><br>    <a href="https://www.cnblogs.com/"target="_blank" title="test">2</a><br>    <a target="_blank" href="https://www.cnblogs.com/images/123.html" >3</a><br>    <a target="_blank" href="https://www.cnblogs.com/images/123.png" >4</a><br>    <a target="_blank" href="https://www.cnblogs.com/images/123.jpg" >5</a><br>    <a target="_blank" href="https://www.cnblogs.com/abc" >6</a><br>    <a target="_blank" href="https://www.cnblogs.com/a.pdf" >7</a><br>    <a target="_blank" href="https://www.cnblogs.com/abc.pdf" >8</a><br>    <a target="_blank" href="https://www.cnblogs.com/abc.abc" >9</a><br>    <a target="_blank" href="https://www.cnblogs.com/abcd.doc" >10</a><br><br></p><br><br></body><br></html><br><br><br><br> 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页: [1]
查看完整版本: 属性选择器