如何用CSS选择属性值包含指定单词的元素?

ID:13404 / 打印

如何用css选择属性值包含指定单词的元素?

使用[attribute ~= "value"]选择器通过CSS选择属性值包含指定单词的元素。

您可以尝试运行以下代码来实现[attribute ~= “值”]选择器。在这里,我们搜索的词是“Tutorials”,

示例

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          [alt ~= Tutorials] {             border: 5px solid orange;             border-radius: 5px;          }       </style>    </head>    <body>       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" height = "200" width = "200" alt = "Tutor Connect">       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" height = "200"    style="max-width:90%" alt = "Tutorials Library">    </body> </html>
上一篇: 使用 CSS 设置左侧工具提示
下一篇: CSS的光标属性

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。