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

 所属分类:web前端开发

 浏览:96次-  评论: 0次-  更新时间:2023-09-23
描述:更多教程资料进入php教程获得。 使用[attribute ~= "value"]选择器通过CSS选&#2...
更多教程资料进入php教程获得。

如何用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://img.zzsucai.com/202309/23/cLfuh837786122517.jpg" height = "200" width = "200" alt = "Tutor Connect">
      <img src = "https://img.zzsucai.com/202309/23/u7UxI161161122530.jpg" height = "200" width="200" alt = "Tutorials Library">
   </body>
</html>
 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!