如何使用javascript选择最内部的div元素

如何使用javascript选择最内部的div元素,javascript,html,css,Javascript,Html,Css,但如果再次添加另一个外部div,我们需要将其重新写入 div div div p { color:red; } 是否有其他方法可以选择最里面的div并选择段落元素来更改颜色 JS小提琴 你为什么不分配一个班呢 div div div div p { color: red}; 第四 第五 .测试p{ 颜色:红色; } 为什么不分配一个类呢 div div div div p { color: red}; 第四 第五 .测试p{ 颜色:红色; } 让我向您介绍。这就是我们如何区分页面中的相

但如果再次添加另一个外部div,我们需要将其重新写入

div div div p
{
color:red;
}
是否有其他方法可以选择最里面的div并选择段落元素来更改颜色

JS小提琴


你为什么不分配一个班呢

div div div div p { color: red};

第四

第五

.测试p{ 颜色:红色; }
为什么不分配一个类呢

div div div div p { color: red};

第四

第五

.测试p{ 颜色:红色; }
让我向您介绍。这就是我们如何区分页面中的相同元素

如果您使用ID,您的代码将是这样的

(带ID)

(带类)

HTML


让我把你介绍给。这就是我们如何区分页面中的相同元素

如果您使用ID,您的代码将是这样的

(带ID)

(带类)

HTML


如果您试图仅将css添加到div最内部的div子级,则可以使用以下代码:

#red
{
    color:red;
}
#blue
{
    color:blue;
}
#green
{
    color:green;
}

如果您试图仅将css添加到div最内部的div子级,则可以使用以下代码:

#red
{
    color:red;
}
#blue
{
    color:blue;
}
#green
{
    color:green;
}

var s = "#outerdiv";
while($(s + " >div ").size() > 0)
    s += " > div";
    $(s).css("color", "#FF0000");
$('#outerdiv div:last').css({color: "red"});

var s = "#outerdiv";
while($(s + " >div ").size() > 0)
    s += " > div";
    $(s).css("color", "#FF0000");
$('#outerdiv div:last').css({color: "red"});
HTMl

$('body div:last').css({color: "red"});

首先

第二

第三

第四

第五

var s = "#outerdiv";
while($(s + " >div ").size() > 0)
    s += " > div";
    $(s).css("color", "#FF0000");
$('#outerdiv div:last').css({color: "red"});

var s = "#outerdiv";
while($(s + " >div ").size() > 0)
    s += " > div";
    $(s).css("color", "#FF0000");
$('#outerdiv div:last').css({color: "red"});
HTMl

$('body div:last').css({color: "red"});

首先

第二

第三

第四

第五


请在此处找到解决方案

var元素;
长度=document.getElementsByTagName('div')。长度;

对于(i=0;i请在此处找到解决方案

var元素;
长度=document.getElementsByTagName('div')。长度;

对于(i=0;iRather使用
class
而不是
ID
。它是可重用的!@Roko C.Buljan我认为ID's最好让人开始这个想法,出于某些原因,初学者无法获得class选项,但对于类的可重用性,是+1:)@Thanos不是真的,我一生中学到的第一件事是ID和5秒后的
。所以我想我们大多数人都是这样。在开始使用
ID
时,确切地建议使用
ID
会引出一些问题,人们给出了使用相同
ID
的复制粘贴元素的示例,但不知道它们的问题。第一眼看后,这是一个很好的例子L最明显的是OP将要创建一个树列表。在这种情况下,他可能会有多个
.second
等。毕竟,网页设计中最常见的事情是拥有自定义颜色类,例如
.red
.bg_red
,只需将该类添加到任何element@RokoC.Buljan是的,注意到了刚刚添加了一个类的例子。与其使用
class
而不是
ID
。它是可重用的!@Roko C.Buljan我认为ID's更好的方法是让别人开始这个想法,因为某些原因,初学者无法获得类选项,但是对于类的可重用性是+1:)@Thanos不是真的,我这辈子学到的第一件事是ID,5秒钟后上了
课。所以我想我们大多数人。在开始使用
ID
时,确切地建议使用
ID
会引出一些问题,人们给出了使用相同
ID
复制粘贴元素的示例,而不知道问题的具体情况。在第一次查看之后,很明显OP即将创建一个树列表。在这种情况下,他可能会有多个
。秒
等。。。毕竟,网页设计中最常见的事情是定制颜色类,例如
.red
.bg\u red
,只需将该类添加到任何element@RokoC.Buljan yeah注意到了这一点,并添加了一个带有类的示例。是的,我说过通过使用id和类我们可以实现,但有人问我是否可以不使用id或类javascript@CoderKnowledge你知道jQuery吗?是的,我说过通过使用id和类我们可以但是有人问我是否可以不使用id或类javascript@CoderKnowledge您知道jQuery吗?
div:not(div)
不会选择任何内容。也许您想要的是
div:not(:has(div))
,但在jQuery中可以工作,但在CSS中不起作用
div:not(div)
将不会选择任何内容。也许您想要
div:not(:has(div))
,但这在jQuery中有效,但在CSSI中无效,如果您使用
$('#outerdiv:last')。css({color:(red)})
tho我只看到了
javascript
标记,没有看到
jquery
@RokoC.Buljan谢谢你的新知识。我会改进我的答案。如果你使用
$('outerdiv:last').css({color:“red”}),我会给你一个+1
tho我只看到了
javascript
标记,没有看到
jquery
@RokoC.Buljan谢谢你的新知识。我会改进我的答案。