利用 CSS 选择 href 特性值以 ".htm" 结尾的每个 元素


使用 [属性$="值"] 选择器来选择属性值以指定的值结尾的元素,此处即为“.htm”。

你可以尝试运行以下代码来实现 CSS [属性$="值"] 选择器,

示例

实时演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         [href$ = htm] {
            border: 5px solid orange;
            border-radius: 5px;
         }
      </style>
   </head>
   <body>
      <a href = "https://tutorialspoint.com/java/index.htm">Java Tutorial</a>
      <a href = "https://tutorialspoint.com/java/java_tutorial.pdf">Java Tutorial PDF</a>
   </body>
</html>

更新于: 2020 年 6 月 24 日

359 次浏览

开启您的职业生涯

通过完成课程获得认证

开始
广告
© . All rights reserved.