首页 > web前端 > css教程 > 如何用CSS选择属性值包含指定单词的元素?

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

王林
发布: 2023-09-07 15:29:02
转载
1197 人浏览过

如何用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选择属性值包含指定单词的元素?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板