css child(>)选择器在IE8中不起作用？
这是一个常见的问题，在IE8中，CSS的child选择器（>）不起作用。这是因为IE8中的CSS解析器不支持child选择器，而是使用伪类选择器（如:first-child、:last-child等）来选择子元素。因此，如果您需要在IE8中使用child选择器，需要使用JavaScript来实现。
但是，如果您想使用CSS选择器来选择子元素，可以使用CSS的adjacent sibling选择器（+）和general sibling选择器（~）。这些选择器可以在IE8中正常工作，并且可以用于选择兄弟元素。例如，如果您想选择所有紧挨着某个元素的元素，可以使用以下CSS代码：
p + p {
/* 在这里添加样式规则 */
}这将选择所有紧挨着<p>元素的<p>元素，并且可以在IE8中正常工作。
相关·内容
1回答
：第一个孩子和:第n个孩子(1)不工作
html、css、css-selectors
我尝试使用第n个子项(1)或第一个子项选择器(.contact: first-child )选择"contacts“地址元素的第一个段落，但它不起作用:(如果我在第一个段落创建一个类，并使用一个类css选择器，它可以正常工作。我遗漏了什么？ <div class="address-col">
<p class="footer-heading">Contact us</p>
<address class="contacts">
<p>23
浏览 15提问于2021-10-29得票数 1
回答已采纳
4回答
CSS选择器表单:最后一个子类不工作
html、css、css-selectors、pseudo-class
看起来CSS伪类:last-child不工作在表单元素上，但是:first-child工作。
form:first-child {
border: 1px solid blue;
}
form:last-child {
border: 1px solid red;
}
<body>
<form>
<p>First Form</p>
</form>
<form>
<p>Second Form</p>
</form>
</body>
浏览 0提问于2017-11-27得票数 0
回答已采纳
2回答
使用CSS3仅选择一个子项
html、css、css-selectors
关于选择合适的子节点，我有一个简单的CSS3问题。
以下是当前HTML元素结构的一个片段：
<nav>
<ul>
<li>
<a href="#"><div class="adminNavButton"><p>Pages</p></div></a>
<ul>
<li><a href="#">Make a
浏览 3提问于2012-12-06得票数 2
回答已采纳
3回答
CSS选择第一个孩子
css、css-selectors
我仍在努力弄清楚如何正确使用我的nth、first和last子选择器。谢谢你的耐心。
如果我的标记是这样的：
<div class="the-wrapper">
<table class="the-table">
<!-- the table -->
</table>
<table class="the-table">
<!-- the table -->
</table>
</div>
如
浏览 5提问于2013-08-19得票数 3
回答已采纳
5回答
多个CSS伪类
css、syntax
将多个伪类应用于选择器的正确CSS语法是什么？我想在列表中除最后一项之外的每一项后插入"，“。我使用以下css：
ul.phone_numbers li:after {
content: ",";
}
ul.phone_numbers li:last-child:after {
content: "";
}
这在FF3，Chrome和Safari3上运行得很好。IE7不能工作，因为它不支持:after (正如预期的那样)。在IE8中，它在每个li后面加上一个逗号，包括最后一个li。这是IE8的问题还是我的语法不正确？如果它在IE8中不起
浏览 0提问于2009-01-29得票数 43
回答已采纳
2回答
：最后一个孩子或:第一个孩子不工作，如果后面跟着任何元素
html、css
我不知道为什么选择器：first-为'p‘元素工作，NOT为’p‘元素工作，而在下面的span元素中，：last工作，但:first-child不起作用。(我认为所有这些元素的默认父元素都是body元素)。我发现，如果我在段落元素后面放置任何元素--它(p:末后子元素)不起作用，甚至对以下元素( span)也不起作用--为什么当我是(特别是)告诉它选择父元素的'p‘(或span)元素的最后/第一个子元素(在本例中是主体)时，它不起作用？
<html>
<head>
<style>
p:first-child {
background:
浏览 6提问于2022-01-06得票数 0
回答已采纳
3回答
IE8 LI + LI选择器不工作
html、css、internet-explorer-8
我读了另一篇文章，认为下面的内容应该适用于ie8，作为使用第n-child的一个很好的替代方案
css：
ul > li + li{
background-color:red;
}
ul > li + li + li{
background-color:blue;
}
ul > li + li + li + li{
background-color:green;
}
html：
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3<
浏览 7提问于2014-11-27得票数 0
1回答
CSS语法意义列表样式
html、css、syntax
我体内有那个网站代码
HTML：
<ul id="navlist">
<li class="first">
<a href="/" id="current">Home</a>
</li>
<li>
<a href="/Store/">Store</a>
</li>
</ul>
这种风格的CSS：
ul#navlist
{
fl
浏览 1提问于2014-06-22得票数 1
回答已采纳
3回答
css ie8第一个孩子和最后一个孩子
html、css、internet-explorer-8
大家好，我这里有以下内容..
.selected2:first-child{
background: url(../img/css/first-selected.png) no-repeat !important;
background-position: center center !important;
box-shadow: inset 1px 1px 5px 2px rgba(221,221,221,1) !important;
}
.selected2{
background: url(../img/css/second-selected.png) no-re
浏览 3提问于2013-03-22得票数 0
回答已采纳
3回答
如何仅针对CSS中选择器的第一个和最后一个匹配？
示例(这只是一个示例，需要一般解决方案)来说明我的需求：
<style>
main>article p:first { /* to select the first p anywhere under article */ }
main>article p:last { /* to select the last p anywhere under article */ }
</style>
<main>
<article>
<section
浏览 5提问于2013-04-16得票数 2
回答已采纳
1回答
IE8中的链式伪选择器
css、internet-explorer-8、css-selectors、selectivizr
在Windows XP上的IE8中，链接的伪选择器似乎不起作用。有关于这方面的文档吗？
为了使用CSS3选择器，我正在用IE8开发一个网站，但是像这样的风格在Selectivizr中是行不通的，而在其他地方都行得通(这并不奇怪)：
span:last-child:after {content: "foobar";}
浏览 5提问于2012-07-20得票数 1
回答已采纳
3回答
css选择器了解
jquery、css、jquery-selectors、css-selectors
我正在尝试选择<li>元素的第一个直接子级<p>元素，该元素包含一个直接<ul>子级。
li>ul:parent>p:first-child
这是我尝试过的，我认为它会得到带有立即ul的li，然后用:parent选择器返回到原始的li，然后选择立即p的子p。
例如：
<ul>
<li>
<p>SELECT ME!</p>
<ul>
<li><!--some more stuff-->
浏览 0提问于2013-03-12得票数 1
回答已采纳
1回答
选择所有伪元素和类
css、css-selectors、pseudo-element、pseudo-class
有一堆伪元素和类：
*在，之前，：第一行，：：选择，：：背景
*活动，：默认，:dir()，：禁用，：空，启用，:first -type，：first-type，：全屏，：焦点，：悬停，:invalid，：无效，:lang()，：last type，:left，:link，:not()，:nth-child()，：nth-last()，：nth-末位类型()，:nth-of-type()，：only，：only类型，：可选的，：超出范围的，：只读，：读-写，:required，:right，:root，：作用域，：有效，访问：
还有其他类似：：-webkit-输入-占位符，
浏览 5提问于2015-07-10得票数 6
回答已采纳
5回答
CSS:针对每个类的第一个对象
html、css
我有一个标签列表，有两个可能的类: P1和P2。我想将CSS应用到每个类的第一项。它既不适用于我的项目，也不适用于
为什么会这样呢？
.A>.B>.C>.P1:first-child {
font-weight: bold;
}
.A>.B>.C>.P2:first-child {
font-style: italic;
}
;
<div class="A">
<div class="B">
<div class="C">
<p
浏览 4提问于2017-05-05得票数 0
回答已采纳
是否可能只使用CSS，有一个即使在IE8上也能工作的解决方案，即
当一个<ul>列表中有两个或更多的项目时，与往常一样，将这些项目放在项目的前面。
当只有一个项目时，不要显示该项目，因为单个项目在其前面有一个项目可能是奇怪的。
在上显示了一个例子
<input id="an-input">
<ul id="the-list">
<li>error msg 1</li>
<li>error msg 2</li>
</ul>
(当有子弹和没
浏览 3提问于2014-05-09得票数 0
2回答
只为元素中的最后两个跨度添加样式
html、css、sass、css-selectors、highlight
嗨，我有这段代码，每个单词都被包装成span标签，我只想在最后两个跨度中添加样式，即使<p>标记中有<em>标记，并且它有<span>标记，条件应该是相同的，最后两个跨在<p>标记中。
没有电子标签，它正常工作
.st span:nth-last-child(-n + 2) {
background-color: yellow;
}
<p class="st">
<span>With</span>
<span>ipsum</span>
<em&g
浏览 2提问于2022-02-23得票数 1
7回答
李:倒数第二的孩子似乎在IE8中不起作用
html、css、internet-explorer-8、css-selectors
下面是我的html结构
<div class="footerMenu">
<ul>
<li>Home</li>
<li>About</li>
<li>Feedback</li>
<li>Contact us</li>
</ul>
</div>
但
.footerMenu li:last-child { }
选择器似乎在IE8中不起作用。但是告诉
浏览 1提问于2012-05-29得票数 3
4回答
选择“最后一个子”，除非它也是第一个孩子。
css、css-selectors
我已经为我的UL的最后一个LI标签设置了一个规则：
.className li:last-child {
stuff: here;
}
我是否能够在CSS中设置一条规则：“将此样式应用于最后的LI标记，除非last-child也是first-child"，即OL中只有一个LI标记。
浏览 8提问于2016-07-07得票数 3
回答已采纳
2回答
CSS特殊悬停
html、css、hover
是否有任何方法在Class="c“上产生悬停效应，从而影响Class="d”的背景色？
//到目前为止我的代码
<div>
<ul>
<li class="c">Caroline</li>
<li class="c">Emilia</li>
</ul>
</div>
<div class="d">This text should be in a green box...<
浏览 1提问于2014-11-20得票数 0
回答已采纳
1回答
为什么:第一个孩子的选择器在div上不起作用？
html、css
我正在使用:first-child和:last-child伪选择器选择特定的div，但:first-child在我签入的任何浏览器中都不起作用。
我查看了caniuse.com和css-tricks.com，一致认为:first-child得到了广泛的支持，所以我想可能有一些我不知道的bug。我在本地节点服务器上运行应用程序。我已经验证了我的css和html。有没有人注意到任何可能会阻止:first-child工作的bug？
HTML
<div class="col-md-6 blurbs">
<label>NEWS</label>
&l
浏览 0提问于2013-11-13得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
