个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
"-我以为下面的选择器只会匹配example b。有人可以向我解释一下 CSS 路径的工作原理吗？ body div span a{ background:#000; color:#fff-6ren">
html - 为什么我的 CSS 选择器 "body div span a"匹配 "
html - 为什么我的 CSS 选择器 "body div span a"匹配 ""
转载
作者：太空宇宙
更新时间：2023-11-04 14:22:26
34
4
我以为下面的选择器只会匹配example b。有人可以向我解释一下 CSS 路径的工作原理吗？
body div span a{
background:#000;
color:#fff;
}
<body>
<div><span><span><a href="#">example a</a></span></span></div>
<div><span><a href="#">example b</a></span></div>
<span><div><span><a href="#">example c</a></span></div></span>
</body>
带有“这将受到影响”、“这不会”的视觉示例或更详细的树/路径将对我非常有帮助。指向优秀指南的链接也可能很有趣。
最佳答案
参见 W3C specification获取更多信息。
为了简化您的示例，选择器 div a { }将匹配任何 <a>从 <div> 中下降的标签标签，无论有多少级别的祖先将这两个标签分开。
即div a { }将匹配以下任何一项:
<div> <a>...</a> </div>
<div> <h2> <a>...</a> </h2> </div>
<div> <h2> <span> <a>...</a> </span> </h2> </div>
如果你想匹配一个<a>直接包含在 <div> 中没有其他标签分隔它们，您需要使用 div > a , 仅匹配 <a>是 <div> 的直接后代的标签标签。
关于html - 为什么我的 CSS 选择器 "body div span a"匹配 "<body><div><span><span><a>"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8611920/
34
4
0
-
java - 仅匹配 "somethingendofline"而不是 "something"
我有一个模式来匹配类似的东西 ... 1036 ... 但是我不想匹配 1036 因为会抓 1036 但无论如何我不想捕获双倍跨度，因为我不需要这些数据。我需要跨度和行尾之间的数据。 我在跨度的末尾尝
-
javascript - 如何使用正则表达式匹配字符串regular表达式
如何使用正则表达式来匹配该字符串: regularexpression . 如何交换第一个跨度的内容和第二个跨度的内容。 我认为可以使用jquery源码。 最佳答案 请务必阅读 RegEx match
-
javascript - 选择 auf
我正在测试一个指令，该指令会在 200 个字符后 chop 文本。它改变了这一点: 对此: long text long text long text long text long
-
c# - 如何使用正则表达式在 和 以及 和 之间创建任何内容的数组？
我有代码将这个字符串解析成一个字符数组: var textArray = Regex.Replace(text, @"]*|/)?>", String.Empty).Trim().ToCharA
-
python - 美丽汤 : TEXT I WANT
我正在尝试使用 BeautifulSoup 提取包含在 id="titleDescription"范围内的字符串。 Customer Choice Award Winner
-
javascript - 如何使用 javascript 将
Hello
拆分为 Hello
如何分割Hello至 Hello使用javascript var text = "Hello"; 记住:我不知道什么包含 , 我不知道 有没有属性 我找到了答案! var patt=/^(.*)$/i
-
java - 如何将 "span " 添加到 arraylist 中的每个单词？
我有一个数组列表 ArrayList al = new ArrayList(); al.add("tree good has"); al.add("ok go by"); al.add
-
css - 标签和在 .css 中使用 span 有什么区别？
我有一个使用 span 的 html 文件关键字以两种不同的方式。 第一个在第二个定义中 button.groovyButton span这里: button.groovyButton { b
-
css - CSS 的 与 的区别？
仍在尝试让新站点的导航控件按照我想要的方式工作。 我将我的问题简化为这段代码: Test span { display: inline-block; heigh
-
javascript - NG-bind 不适用于 "
This is 城市。它因 而闻名。
”
我是编码新手 在下面的 pgm 中，任何人都可以帮我找出为什么 ng-bind 不起作用吗？ 提前致谢。 Angular js Welocme!Please enter valu
-
python - 网络抓取 python 2, 2
我必须在下面的 html 代码中提取文本内容以进行 python 网络抓取，问题是类参数，所有三个变量都具有相同的类参数，所以我尝试使用 arial-label，但它不起作用。 2， 3 Proper
-
javascript - 我们如何用一组单词填充一组 ？
如何填充一组 带有一个带有循环的单词数组？ 如果数组包含[ "one", "two", "three" ]并被称为“wordarray” 然后我想填充跨度，使其看起来像 one two
-
jquery - 如何使用 css 或 jquery 覆盖 div [span in a span ] 中 span 的特定样式？
如果我们有 div 并且没有跨度，即一个跨度中的跨度，并且每个跨度都有一种颜色样式，如何使用 css 或 jquery 覆盖特定样式[颜色]..。请帮助我 最佳答案 你的意思是这样的吗？ red bl
-
html - 为什么我的 CSS 选择器 "body div span a"匹配 ""
我以为下面的选择器只会匹配example b。有人可以向我解释一下 CSS 路径的工作原理吗？ body div span a{ background:#000; color:#fff
-
javascript - 使用正则表达式删除文本中的 和
我正在尝试获取内可用的文本元素。我已经使用innerHTML来检索内部文本，但很少元素内部文本放置在 内元素。 在检索文本值时，将其获取为 sample text作为输出字符串。谁能帮我删除 在输出
-
javascript - 动态添加一些 ，将内容移出容器
我应该加上“n” (显示“n”flaticon-icons)到一个div(我的页面是.php) 这是 div 这是 div_icon CSS 类 @media (max-width: 600px
-
python - 无法获取 文本
无法获取“表格”中的跨度文本，谢谢! from bs4 import BeautifulSoup import urllib2 url1 = "url" content1 = urllib2.urlo
-
html - span 将相邻的 span 向下推
这个问题在这里已经有了答案: My inline-block elements are not lining up properly (5 个答案) 关闭 8 年前。 HTML $ 400 这会在同
-
javascript - 在另一个 span 标签内的图像底部插入 span
我正在尽力在图像中插入 span 标签标题。 两者都在段落和 span 标签内。 如何让 lorem ipsum 文本作为标题出现在图像的底部？？ Lorem ipsum dolor
-
html - 和 标签之间的空格不显示
我有以下 HTML 文件。 "| Testing" 我要打印 "| Testing" , 而不是打印这个打印 "| Testing" .所有这
滴滴打车优惠券免费领取
转载
作者：太空宇宙
更新时间：2023-11-04 14:22:26
34
4
34
4
我以为下面的选择器只会匹配example b。有人可以向我解释一下 CSS 路径的工作原理吗？
body div span a{
background:#000;
color:#fff;
}
<body>
<div><span><span><a href="#">example a</a></span></span></div>
<div><span><a href="#">example b</a></span></div>
<span><div><span><a href="#">example c</a></span></div></span>
</body>
带有“这将受到影响”、“这不会”的视觉示例或更详细的树/路径将对我非常有帮助。指向优秀指南的链接也可能很有趣。
最佳答案
参见 W3C specification获取更多信息。
为了简化您的示例，选择器 div a { }将匹配任何 <a>从 <div> 中下降的标签标签，无论有多少级别的祖先将这两个标签分开。
即div a { }将匹配以下任何一项:
<div> <a>...</a> </div>
<div> <h2> <a>...</a> </h2> </div>
<div> <h2> <span> <a>...</a> </span> </h2> </div>
如果你想匹配一个<a>直接包含在 <div> 中没有其他标签分隔它们，您需要使用 div > a , 仅匹配 <a>是 <div> 的直接后代的标签标签。
关于html - 为什么我的 CSS 选择器 "body div span a"匹配 "<body><div><span><span><a>"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8611920/
34
4
0
-
java - 仅匹配 "somethingendofline"而不是 "something"
我有一个模式来匹配类似的东西 ... 1036 ... 但是我不想匹配 1036 因为会抓 1036 但无论如何我不想捕获双倍跨度，因为我不需要这些数据。我需要跨度和行尾之间的数据。 我在跨度的末尾尝
-
javascript - 如何使用正则表达式匹配字符串regular表达式
如何使用正则表达式来匹配该字符串: regularexpression . 如何交换第一个跨度的内容和第二个跨度的内容。 我认为可以使用jquery源码。 最佳答案 请务必阅读 RegEx match
-
javascript - 选择 auf
我正在测试一个指令，该指令会在 200 个字符后 chop 文本。它改变了这一点: 对此: long text long text long text long text long
-
c# - 如何使用正则表达式在 和 以及 和 之间创建任何内容的数组？
我有代码将这个字符串解析成一个字符数组: var textArray = Regex.Replace(text, @"]*|/)?>", String.Empty).Trim().ToCharA
-
python - 美丽汤 : TEXT I WANT
我正在尝试使用 BeautifulSoup 提取包含在 id="titleDescription"范围内的字符串。 Customer Choice Award Winner
- javascript - 如何使用 javascript 将
Hello
拆分为 Hello如何分割Hello至 Hello使用javascript var text = "Hello"; 记住:我不知道什么包含 , 我不知道 有没有属性 我找到了答案! var patt=/^(.*)$/i
- java - 如何将 "span " 添加到 arraylist 中的每个单词？
我有一个数组列表 ArrayList al = new ArrayList(); al.add("tree good has"); al.add("ok go by"); al.add
- css - 标签和在 .css 中使用 span 有什么区别？
我有一个使用 span 的 html 文件关键字以两种不同的方式。 第一个在第二个定义中 button.groovyButton span这里: button.groovyButton { b
- css - CSS 的 与 的区别？
仍在尝试让新站点的导航控件按照我想要的方式工作。 我将我的问题简化为这段代码: Test span { display: inline-block; heigh
- javascript - NG-bind 不适用于 "
This is 城市。它因 而闻名。
”我是编码新手 在下面的 pgm 中，任何人都可以帮我找出为什么 ng-bind 不起作用吗？ 提前致谢。 Angular js Welocme!Please enter valu
- python - 网络抓取 python 2, 2
我必须在下面的 html 代码中提取文本内容以进行 python 网络抓取，问题是类参数，所有三个变量都具有相同的类参数，所以我尝试使用 arial-label，但它不起作用。 2， 3 Proper
- javascript - 我们如何用一组单词填充一组 ？
如何填充一组 带有一个带有循环的单词数组？ 如果数组包含[ "one", "two", "three" ]并被称为“wordarray” 然后我想填充跨度，使其看起来像 one two
- jquery - 如何使用 css 或 jquery 覆盖 div [span in a span ] 中 span 的特定样式？
如果我们有 div 并且没有跨度，即一个跨度中的跨度，并且每个跨度都有一种颜色样式，如何使用 css 或 jquery 覆盖特定样式[颜色]..。请帮助我 最佳答案 你的意思是这样的吗？ red bl
- html - 为什么我的 CSS 选择器 "body div span a"匹配 "
"我以为下面的选择器只会匹配example b。有人可以向我解释一下 CSS 路径的工作原理吗？ body div span a{ background:#000; color:#fff
- javascript - 使用正则表达式删除文本中的 和
我正在尝试获取内可用的文本元素。我已经使用innerHTML来检索内部文本，但很少元素内部文本放置在 内元素。 在检索文本值时，将其获取为 sample text作为输出字符串。谁能帮我删除 在输出
- javascript - 动态添加一些 ，将内容移出容器
我应该加上“n” (显示“n”flaticon-icons)到一个div(我的页面是.php) 这是 div 这是 div_icon CSS 类 @media (max-width: 600px
- python - 无法获取 文本
无法获取“表格”中的跨度文本，谢谢! from bs4 import BeautifulSoup import urllib2 url1 = "url" content1 = urllib2.urlo
- html - span 将相邻的 span 向下推
这个问题在这里已经有了答案: My inline-block elements are not lining up properly (5 个答案) 关闭 8 年前。 HTML $ 400 这会在同
- javascript - 在另一个 span 标签内的图像底部插入 span
我正在尽力在图像中插入 span 标签标题。 两者都在段落和 span 标签内。 如何让 lorem ipsum 文本作为标题出现在图像的底部？？ Lorem ipsum dolor
- html - 和 标签之间的空格不显示
我有以下 HTML 文件。 "| Testing" 我要打印 "| Testing" , 而不是打印这个打印 "| Testing" .所有这
滴滴打车优惠券免费领取
- javascript - 如何使用 javascript 将
我是一名优秀的程序员,十分优秀！