【问题标题】:How do I select all a tags with href starts with http and does not contain an element with tag img OR class that begins with "fa"?如何选择所有带有href以http开头的标签并且不包含带有标签img或以“fa”开头的类的元素?
【发布时间】:2021-12-30 01:32:51
【问题描述】:

尝试使用 Font Awesome 向我的页面添加内部链接指示符。当前的 CSS:

a[href^="https"]::after > :not(img, [class^="fa"]) {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: " ";
}

是的,我正在尝试根据元素是否具有某种类型的子元素来选择它。也就是说,如果没有 or 的子元素,则在

之后添加一个 Font Awesome 图标

【问题讨论】:

  • 您是否尝试根据元素是否具有某种类型的子元素来选择它?你不能这样。您能否在不考虑解决方案的情况下详细描述您想要的效果?

标签: html css css-selectors font-awesome attr


【解决方案1】:
a[href^="https"]:not(img, [class^="fa"])::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: " ";
}

猜你喜欢
  • 2017-04-08
  • 2016-05-22
  • 2016-06-14
  • 2021-08-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多