parent 相关问题

在定向树中,父节点是感兴趣节点之前的前一节点。然后,父母这个词可以用于无数的计算机科学抽象中。包含的图形或逻辑项的容器可以称为父项。 OOP中的继承类可以称为父类。

Excel VBA 中的 sql - 子父子查询

我试图从 INPUT 表中仅选择没有子项的行 - 在 SQL 中。结果在 OUTPUT 中。 为了方便起见,目前我只考虑 V5 和 V6 列(其他

回答 1 投票 0

使用$index设置动态id

我有这个代码: 我的列表,它应该像具有主导航点和子导航点的导航一样工作: 列表=[ { 编号: 1, 名称:'主1', 项目: [ { ...

回答 2 投票 0

在数组中查找父级的键/PHP

也许有人可以帮我解决这个问题: 我正在使用基本搜索函数来查找数组深处的数组。问题是,一旦找到该数组,我还想返回它的括号...

回答 2 投票 0

在多维数组中查找匹配的父键

我正在尝试找到一种方法来返回数组父键的值。 例如,从下面的数组中我想找出父级的键,其中 $array['id'] == "0002"。 父键很明显

回答 3 投票 0

当父元素悬停时更改子元素的 CSS

首先,我假设这对于 CSS3 来说太复杂了,但是如果某个地方有解决方案,我很乐意采用它。 HTML 非常简单。 首先,我假设这对于 CSS3 来说太复杂了,但是如果某个地方有解决方案,我很乐意采用它。 HTML 非常简单。 <div class="parent"> <div class="child"> Text Block 1 </div> </div> <div class="parent"> <div class="child"> Text Block 2 </div> </div> 子div设置为display:none;默认情况下,但随后更改为 display:block;当鼠标悬停在父div上时。问题是这个标记出现在我网站上的几个地方,我只希望当鼠标位于其父级上方时显示子级,而不是当鼠标位于任何其他父级上方时显示子级(它们都具有相同的类)姓名且无 ID)。 我尝试过使用 $(this) 和 .children() 但没有成功。 $('.parent').hover(function(){ $(this).children('.child').css("display","block"); }, function() { $(this).children('.child').css("display","none"); }); 为什么不直接使用CSS? .parent:hover .child, .parent.hover .child { display: block; } 然后添加不支持 :hover 的 IE6 JS(例如在条件注释中): jQuery('.parent').hover(function () { jQuery(this).addClass('hover'); }, function () { jQuery(this).removeClass('hover'); }); 这是一个简单的例子:Fiddle .child{ display:none; } .parent:hover .child{ display:block; } /*just to desgin */ .parent { border: 1px solid #ddd; min-height: 40px; padding: 10px } <div class="parent"> parent 1 <div class="child"> Text Block 1 </div> </div> <br><br> <div class="parent"> parent 2 <div class="child"> Text Block 2 </div> </div> 不需要使用JavaScript或jquery,CSS就足够了: .child{ display:none; } .parent:hover .child{ display:block; } 查看演示 .parent:hover > .child { /*do anything with this child*/ } 使用toggleClass()。 $('.parent').hover(function(){ $(this).find('.child').toggleClass('color') }); 其中 color 是班级。您可以根据自己的喜好设计类,以实现您想要的行为。该示例演示了如何在鼠标移入和移出时添加和删除类。 查看工作示例此处。 不确定是否有可怕的理由这样做,但它似乎在最新版本的 Chrome/Firefox 上与我一起工作,页面上有相当多的元素没有任何明显的性能问题。 *:not(:hover)>.parent-hover-show{ display:none; } 但是这样,您所需要做的就是将 parent-hover-show 应用于一个元素,其余的就完成了,并且您可以保留您想要的任何默认显示类型,而不必总是“阻止”或为每种类型创建多个类。 要从 css 更改它,您甚至不需要设置子类 .parent > div:nth-child(1) { display:none; } .parent:hover > div:nth-child(1) { display: block; } 斯蒂芬的答案是正确的,但这是我对他的答案的改编: HTML <div class="parent"> <p> parent 1 </p> <div class="child"> Text Block 1 </div> </div> <div class="parent"> <p> parent 2 </p> <div class="child"> Text Block 2 </div> </div> CSS .parent { width: 100px; min-height: 100px; color: red; } .child { width: 50px; min-height: 20px; color: blue; display: none; } .parent:hover .child, .parent.hover .child { display: block; } jQuery //this is only necessary for IE and should be in a conditional comment jQuery('.parent').hover(function () { jQuery(this).addClass('hover'); }, function () { jQuery(this).removeClass('hover'); }); 您可以看到这个示例在 jsFiddle 上工作。 我有一个我认为更好的解决方案,因为它可以扩展到更多级别,想要多少级别都可以,而不仅仅是两个或三个。 我使用边框,但也可以使用任何想要的样式,例如背景颜色。 有了边框,我们的想法是: 只有一个div具有不同的边框颜色,即鼠标所在位置的div,不在任何父级上,也不在任何子级上,因此只能看到这样的div边框具有不同的颜色,而其余部分保持白色。 您可以在以下位置进行测试:http://jsbin.com/ubiyo3/13 这是代码: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Hierarchie Borders MarkUp</title> <style> .parent { display: block; position: relative; z-index: 0; height: auto; width: auto; padding: 25px; } .parent-bg { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid white; z-index: 0; } .parent-bg:hover { border: 1px solid red; } .child { display: block; position: relative; z-index: 1; height: auto; width: auto; padding: 25px; } .child-bg { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid white; z-index: 0; } .child-bg:hover { border: 1px solid red; } .grandson { display: block; position: relative; z-index: 2; height: auto; width: auto; padding: 25px; } .grandson-bg { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid white; z-index: 0; } .grandson-bg:hover { border: 1px solid red; } </style> </head> <body> <div class="parent"> Parent <div class="child"> Child <div class="grandson"> Grandson <div class="grandson-bg"></div> </div> <div class="child-bg"></div> </div> <div class="parent-bg"></div> </div> </body> </html> 如果您使用 Twitter Bootstrap 样式和基本 JS 作为下拉菜单: .child{ display:none; } .parent:hover .child{ display:block; } 这是创建粘性下拉菜单所缺少的部分(这并不烦人) 行为是: 单击时保持打开状态,再次单击页面上其他任何位置时关闭 当鼠标滚出菜单元素时自动关闭。 对我有用的是 nth-of-type 来定位特定元素、SVG 图标,而不是使用 display:none;为了避免以后找不到它,我使用填充颜色作为背景颜色,在本例中为白色,然后使用 css 定位父级并使用 :nth-type-of(1) 直接查找 SVG 元素 HTML <div class="feature-col"> <div class="feature-icon bg-primary bg-dark" style="border:0.125em white"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="white" class="bi bi-laptop" viewBox="0 0 16 16"><path d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5h11zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z"></path> </svg> </div> <h5>Website Design and Hosting</h5> <p>Some text in here that is a child element as well...</p> <a href="javascript:void(0);" class="icon-link">Call to action</a> </div> CSS .feature-col:hover svg:nth-of-type(1){ fill: #FF5B0D; cursor:pointer; } JSFIDDLE 玩法: https://jsfiddle.net/93de7zbc/6/ 使用 CSS 可见性属性 尝试使用 CSS 可见性属性来保持 div 的大小,以便可以悬停元素: 使用 CSS 同级 .text { visibility: hidden; margin: 10px; } .sibling { cursor: pointer; } .sibling:hover + .text { visibility: visible; } <h3 class="sibling"> Hover me to show the sibling content </h3> <div class="text">Text Block 1</div>

回答 11 投票 0

如何以托管方式在.NET中获取父进程

我在.NET中寻找了很多获取父进程的方法,但只找到了P/Invoke方式。

回答 7 投票 0

当 JSON 文件没有父文件时,如何获取它?

JSON 文件示例(Hello.json): [ { “姓名”:“亚历克斯·史密斯”, “用户”:“1234”, “描述”:“蓝眼睛” }, { 这就是我...

回答 2 投票 0

WordPress:如何在帖子元中显示父类别?

我这里有一个 WP 网站:http://www.undergroundsound.com.au 正如您所看到的,首页上的每个帖子都显示“发布在‘子类别’中”。 我希望它能说类似“张贴在‘家长

回答 1 投票 0

在 Google Chrome 中检查元素显示父标签,而不是检查的确切标签

当我检查某些元素时,例如 Chrome 浏览器中表单中的按钮,它显示表单标签而不是按钮 HTML 标签。 对于某些元素,它显示确切的标签,但有时它显示父标签。

回答 2 投票 0

取消隐藏父表和子表并移至索引表右侧

我用列表框调用父表,父表应该移动到“索引”表的右侧,然后是带有数组表的案例陈述,这是Ch...

回答 1 投票 0

WordPress:获取 post_parent 标题

我创建了一个自定义侧边栏来抓取帖子父页面: query_posts("post_type=page&post_parent=6"); 我想获取 post_parent 的标题(即“关于”)。 the_title 不会...

回答 6 投票 0

当有多个父母时,孩子如何沟通?

我有在公共文件夹中创建的公共组件,并且该组件可以由多个组件使用。 我知道我可以使用 EventEmitter 来通知父组件是否有...

回答 1 投票 0

如何从 PhpParser\Node\Stmt\Property 获取类名

我正在创建一个 Rector (rector/rector) 规则,该规则应该根据属性的某些属性来更改属性。 PhpParser 来自 nikic/php-parser。 我获取属性没有问题,我只是 c...

回答 1 投票 0

MAUI CollectionView 父级对子级的价值需要示例/指导

这应该(希望)是一件很容易回答的事情。我有一个绑定到 JSON 数据源的集合视图,以及我为其存储值的 JSON 文件第一级中的一个按钮(在 Prefe...

回答 1 投票 0

获取子类别下的产品数量以及子类别中主类别的总数量

如果子类别中有产品,我想统计该子类别的父类别中的所有产品。 例如: Category1(总产品 10)//我如何获得它 类别 1.1(总计

回答 1 投票 0

使用react将信息放入localStorage

我正在为一个酒类品牌开发一个展示网站,我希望在该网站初始化时,为用户第一次访问显示一个组件(我已经创建的模式),但不显示...

回答 1 投票 0

为什么元素a不采用其前辈的文本颜色

这是代码 冒险 这是代码 <nav class="navbar"> <h1 class="logo">ADVENTURE</h1> <ul class="nav-links"> <li><a href="#">Home</a></li> <li><a href="#">Tour</a></li> <li><a href="#">Explore</a></li> <li><a href="#">About</a></li> <li class="ctn"><a href="#">Contact</a></li> </ul> </nav> 我尝试将导航栏的文本颜色设置为#fff(白色) h1 改变了,但 a 元素不受影响 浏览器将自己的默认样式应用于链接(“a”元素)。这些默认值通常包括蓝色(表示未访问的链接)和紫色(表示已访问的链接)。要覆盖它,您需要一个明确针对“a”元素的规则。 .navbar a { /* Targets links within the navbar */ color: #fff; }

回答 1 投票 0

使用vue.js在子组件中调用父方法

我只想知道如何从子组件调用父函数。 我尝试使用 $parent 来调用父方法,但出现此错误 类型错误:_this.$parent.forceRender 不是

回答 2 投票 0

将子项悬停在父项内,也会影响其他父项内的其他子项(兄弟父项)

我对悬停兄弟姐妹其他孩子有疑问,这是我的代码: &... 我对悬停兄弟姐妹的其他孩子有疑问,这是我的代码: <div class="parent"> <div class="child"> </div> <div class="parent"> <div class="child"> </div> <div class="parent"> <div class="child"> </div> 我尝试了这种风格的代码,正在工作,但我发现了一些问题 .parent:has(.child:hover) ~ .parent .child { background-color: red; } 问题是,当第一个孩子悬停时,所有其他孩子(第二个和第三个)也悬停,但是当我悬停第二个孩子时,只有第三个孩子悬停,第一个孩子不受影响......可以请您帮我解决问题,谢谢。 :has选择器现在适用于大多数浏览器(CanIUse)。 .parent { border: 3px solid black; margin: 10px; padding: 10px; } .child { padding: 10px; border: 3px solid blue; } .child:hover, .parent:has(.child:hover)~.parent .child { background-color: orange; } <div class="parent"> <div class="child">child 1</div> </div> <div class="parent"> <div class="child">child 1</div> </div> <div class="parent"> <div class="child">child 1</div> </div>

回答 1 投票 0

CSS 大小嵌套 DIV 基于父级父 DIV 大小

假设我有这个 HTML 在哪里 所有 DIV 都是

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.