有没有办法仅使用 CSS(无脚本)来检查表格等元素是否包含另一个元素(如目标)?我知道您可以对具有目标的元素使用 :target 伪类,但我需要能够选择包含具有目标的元素的元素。如果有任何方法可以使用 :contains 伪类来检查元素是否包含有用的目标,但是我已经尝试了几种不同的方法但没有成功。我知道没有父选择器可以排除使用目标 URI 查找元素的父元素。我能想到的唯一可能的方法是使用 :contains 并且我不认为它甚至可以用于文本以外的任何东西。如果有人知道可以解决此问题的某种技巧或其他选择器,我们将不胜感激。
最佳答案
第一个猜测:
我很难理解您的问题,所以我的回答是基于您的问题是这样的假设:
Is there any way to style the parent of a targeted element?
答案是否定的,css 是通过向下级联层次结构工作的,它不能向上级联;阅读以下问题/答案以获取更多详细信息:
- > CSS Parent/Ancestor Selector
- > Is there a CSS parent selector?
- > Complex CSS selector for parent of active child
(还有其他的,如果你搜索'css parent selectors')
第二次猜测:
如果您的问题是:
can I find links that target other sections of the same page?
那么是的,你可以(使用 css3 和/或使用 jQuery):
a[href*='#'] { /* css */ }
$("a[href*='#']") // jQuery selector
href*='#'
部分是一个属性选择器,它在 'href' 属性中搜索任何出现1 的引用字符串 '#' ( #
用于定位同页链接)。
如果您能够修改您的问题以更清楚地说明您希望我们为您提供哪些帮助,那么我将非常乐意尝试并为您提供更多帮助,但事实上我只能猜测。这几乎没用。 =(
脚注:
- 其他选项是:
- 开始于,例如:
a[href^='http://']
选择所有href
以 'http://' 开头的链接,并且 - 以,例如:
a[href$='.pdf']
结尾,它选择所有以文件类型.pdf
结尾的链接。
- 开始于,例如:
关于css-selectors - 包含具有目标的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3187447/