Html 选择奇怪的嵌套元素

我似乎找不到一个足够类似的情况，我可以想出一个解决办法。在不更改html并添加类和ID的情况下，如何从以下代码中选择

a

标记和

pre

标记？我已经包括了我的尝试

div.info p.c6 span a{
背景色：红色；
}
p、 c6跨距预紧器{
背景颜色：蓝色；
}

因为

p

元素只能包含，在这种情况下，它包含，浏览器正在关闭元素并使选择器无效

简而言之，

pre

元素是流内容，不能包含在

p

元素中。因此，浏览器将覆盖HTML结构以保持有效标记。下面是它的样子：

浏览器基本上已将您的

p

子代转换为

p

同级

您需要重新构造HTML，以便选择器正常工作

---

如果无法更改HTML，

如

.info a

和

.info pre

？你一定想做更多的事，对吗？比如限制之类的？编辑问题并放置这些约束条件in@Huangism我不知道你说的限制是什么意思。老实说，我只是想知道我应该做些什么来选择元素。如果我能让他们被选中，我就能完成剩下的任务。我的主要问题是.info a选择了顶部的a标记以及范围内的标记。我不理解这种表示法。这是唯一的方法吗？html是由一个我无法更改的程序生成的，因此编辑html非常困难。@tsubi rin找出这个东西用于生成html的位置，然后看看是否可以将

p

更改为

div

，但选择它们很容易

。info h1 a

在标题和

.info.c6中提供锚定更改html后，

将为您提供另一个。实际上，您可以执行

.info a

和

.info h1 a

，更具体的选择器将覆盖更通用的选择器