包含目标元素?

问题描述:

有没有什么办法只使用CSS(无脚本)来检查一个元素,比如一个表是否包含另一个元素,比如目标?我知道你可以使用:target伪类作为具有目标的元素,但我需要能够选择包含目标元素的元素。如果有什么方法可以使用:contains伪类来检查一个元素是否包含有用的目标,但是我已经尝试了几种不同的方法,但没有成功。我知道没有一个父节点选择器排除了用目标URI查找元素的父节点。我能想到的唯一可能的方式是使用:包含,我不认为它甚至可以处理任何文本。如果有人知道某种技巧或其他选择器可以解决这个问题,请帮助。包含目标元素?

第一个猜测:

我在理解你的问题很难,所以我的答案是提供假设你的问题是这样的:

有什么办法风格的目标元素的父母?

答案是否定的,CSS通过级联下层工作,它不能级联;有以下几个问题的读取进一步的细节/回答:

(还有其他的,如果你搜索 'css parent selectors')


第二次猜测:

如果你的问题是:

我可以找到针对其他部分同一页的链接

然后是,可以(用CSS3和/或使用jQuery):

a[href*='#'] { /* css */ } 
$("a[href*='#']") // jQuery selector 

href*='#'部分是一个属性选择器,其搜索 'href' 属性的属性对任何发生引用字符串'#'(#用于定位相同页面的链接)。

如果您可以修改您的问题,使其更清楚您希望我们为您提供什么样的帮助,那么我将非常乐意尝试并更多地使用您,但因为它是我只能猜测。这几乎没用。=(


脚注:

  1. 其他选项是:
    • 开始于,例如:a[href^='http://']其中选择其href开头的所有链接的 'http://',和
    • 以例如:a[href$='.pdf']结尾,其选择所有以文件类型.pdf结尾的链接。
+0

Sass or Less会这样吗? – TricksfortheWeb 2017-01-04 23:09:37