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

前端开发教程 2025-01-14 0

使用[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 width=200 alt = Tutorials Library>
   </body>
</html>

以上就是如何用CSS选择属性值包含指定单词的元素？的详细内容，更多请关注双恒网络其它相关文章！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。