选择所有没有h标签的链接

  • Z时代
  • 2024-01-10
  • 分类：问答

我想强调所有链接，但是如果链接是h1，h2等，则不能。 这里是一个简单的CSS：选择所有没有h标签的链接

#heatmapthemead-the-content-container .entry-content a { 
    text-decoration: underline; 
}

这强调所有环节，包括H1，H2，H3 当我使用：不选择器不工作，也H1，H2的逗留强调

#heatmapthemead-the-content-container .entry-content a:not(h1,h2,h3) { 
     text-decoration: none; 
    }

我也使用！重要的：

h1,h2,h3,h4,h5,h6 a { 
text-decoration: none !important; 
}

但h1，h2链接保持下划线。 有没有人有一招？

回答：

你的最后一个例子有正确的想法，如果你没有像这应该工作：

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
    text-decoration: none !important; 
}

回答：

您不必使用:not。您只需选择标签但添加一个标签，以便选择链接的h1。通过执行以下它应该工作。

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
    text-decoration: none !important; 
}

查看更多单击here

回答：

没有必要让它!important。看下面的例子。

a{  
    text-decoration: underline;  
}  
h1 a,  
h2 a,  
h3 a{  
    text-decoration: none;  
}

<div>  
    <h1><a href="#">Sample</a></h1>  
    <p><a href="#">Sample</a></p>  
    <h2><a href="#">Sample</a></h2>  
    <div><a href="#">Sample</a></div>  
    <h3><a href="#">Sample</a></h3>  
</div>

你写在错误的方式代码，把它写像

h1 a, h2 a, h3 a{ 
    text-decoration: none; 
}

等。

而且这样写会使代码更具可读性，并且更容易找到你的错误。

h1 a, 
h2 a, 
h3 a{ 
    text-decoration: none; 
}

它不会在输出上产生任何影响。

以上是 选择所有没有h标签的链接 的全部内容， 来源链接： utcz.com/qa/266830.html

回到顶部