包含目标元素?
问题描述:
有没有什么办法只使用CSS(无脚本)来检查一个元素,比如一个表是否包含另一个元素,比如目标?我知道你可以使用:target伪类作为具有目标的元素,但我需要能够选择包含目标元素的元素。如果有什么方法可以使用:contains伪类来检查一个元素是否包含有用的目标,但是我已经尝试了几种不同的方法,但没有成功。我知道没有一个父节点选择器排除了用目标URI查找元素的父节点。我能想到的唯一可能的方式是使用:包含,我不认为它甚至可以处理任何文本。如果有人知道某种技巧或其他选择器可以解决这个问题,请帮助。包含目标元素?
答
脚注:
第一个猜测:
我在理解你的问题很难,所以我的答案是提供假设你的问题是这样的:
有什么办法风格的目标元素的父母?
答案是否定的,CSS通过级联下层工作,它不能级联;有以下几个问题的读取进一步的细节/回答:
- CSS Parent/Ancestor Selector
- Is there a CSS parent selector?
- Complex CSS selector for parent of active child
(还有其他的,如果你搜索 'css parent selectors')
第二次猜测:
如果你的问题是:
我可以找到针对其他部分同一页的链接?
然后是,可以(用CSS3和/或使用jQuery):
a[href*='#'] { /* css */ }
$("a[href*='#']") // jQuery selector
的href*='#'
部分是一个属性选择器,其搜索 'href' 属性的属性对任何发生引用字符串'#'(#
用于定位相同页面的链接)。
如果您可以修改您的问题,使其更清楚您希望我们为您提供什么样的帮助,那么我将非常乐意尝试并更多地使用您,但因为它是我只能猜测。这几乎没用。=(
脚注:
- 其他选项是:
- 开始于,例如:
a[href^='http://']
其中选择其href
开头的所有链接的 'http://',和 - 以例如:
a[href$='.pdf']
结尾,其选择所有以文件类型.pdf
结尾的链接。
- 开始于,例如:
Sass or Less会这样吗? – TricksfortheWeb 2017-01-04 23:09:37