通过css访问特定的html标记_Html_Css

通过css访问特定的html标记

html css

通过css访问特定的html标记,html,css,Html,Css,我的html代码如下 <html> <body> <div class="main"> <div class="sub1"> <p><a href="http://uselesslink1"></a></p> <p><a href="http://uselesslink2"></a></p> </div> <div class="sub

我的html代码如下

<html>
<body>
<div class="main">
<div class="sub1">
<p><a href="http://uselesslink1"></a></p>
<p><a href="http://uselesslink2"></a></p>
</div>
<div class="sub2">
</div>
<p><a href="http://usefullink1"></a>
<a href="http://usefullink2"></a>
</p>
</div>
</body>
</html>

我需要访问有用的链接和使用css选择器和使用

.主要p.a

但是这样做我可以访问有用的链接，也可以访问div main中div sub1中的无用链接

通过上面的html结构，可以使用css只访问有用的链接，而不访问无用的链接

衷心感谢您的帮助

谢谢

是的，您可以使用属性选择器，例如：

a[href="http://usefullink1"] {}

您还可以使用：

a[href~="usefullink"] {}

要匹配href中包含单词Usefulink的所有

使用：n子伪类

像这样：。主p:n-child3a

我将属性选择器与not子句一起使用

.main p a:not([href*="text_in_all_useless_links_but_not_in_usefull_ones"])

谢谢你的回答，但是usefulllink只是一个我用来解释我需要什么的词，它会在不同的网页中以不同的URL不断变化。我将检查有用链接中是否有一个公共文本，而该文本不存在于无用链接中。查看您的代码，您也可以尝试。sub2+pa因为所有有用链接似乎都在sub2Or.main>pa之后的段落中，因为具有所需链接的段落是.main容器的直接后代到带有不需要的链接的段落。@retterBadach非常好，实际上比您提供的答案要好。虽然我使用了属性选择器和not子句，因为我很早就得到了它。@Arnab。您一定找到了一些常见的文本，至少对您的示例有帮助。