专栏名称: 大迁世界
掘金LV8,思否10万+的作者。一个热爱前端的创业者。
今天看啥  ›  专栏  ›  大迁世界

10.在不使用类的情况下设置链接样式 & 全宽图像

大迁世界  · 公众号  ·  · 2024-07-21 09:25

文章预览

在不使用类的情况下设置链接样式 当设置注入或生成的 HTML 内容的样式时,你可能无法访问要设置样式的元素的类或 ID。在处理链接元素时,这可能会变得特别令人讨厌。幸运的是,你可以使用带有适当属性选择器的 :not() 选择器来检查类的 absence ,并相应地设置链接样式。    "">在不使用类的情况下设置链接样式   
    a[href]:not([class]) {
      color: #0077ff;
      text-decoration: underline;
    }
   这个技巧非常巧妙地利用了 CSS 选择器的组合: a[href] 属性选择器选择所有具有 href 属性的 元素。这实际上选择了所有的链接,因为 href 属性是 元素的必需属性。 :not() 伪类选择器用于排除匹配特定选择器的元素。在这个例子中,它用于排除具有 class 属性的元素。 [cla ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览