草庐IT

siblings

全部标签

html - CSS:选择 previous sibling 姐妹

这个问题在这里已经有了答案:Istherea"previoussibling"selector?(29个答案)关闭8年前。我有一个列表,想选择我悬停的列表中的上一个和下一个Item1Item1Item1Item1Item1我可以使用“+”选择器选择下一个同级。但是有没有可能得到以前的?ulli:hover+li{color:red;}我已经尝试过ulli+li:hover但它不起作用。不敢相信没有我可以使用的技巧。当然,我可以通过Javascript轻松完成此操作,但我不喜欢使用JS,因为我可以使用CSS获得相同的结果。

html - 将样式应用于相邻 sibling 的 child

我正在尝试根据同一行中的图像数量,使用CSS调整一行中图像的大小。例如,如果在同一个p中有四个img元素,它们将以某种方式设置样式。这是工作代码,基于thisanswer:HTML:CSS:.post-contentpimg:first-child:nth-last-child(4),.post-contentpimg:first-child:nth-last-child(4)~img{width:25%;/*fallbackforbrowsersthatdon'tsupportcalc*/width:calc((100%/4)-0.8%);margin-left:calc(1%);}

html - 将样式应用于相邻 sibling 的 child

我正在尝试根据同一行中的图像数量,使用CSS调整一行中图像的大小。例如,如果在同一个p中有四个img元素,它们将以某种方式设置样式。这是工作代码,基于thisanswer:HTML:CSS:.post-contentpimg:first-child:nth-last-child(4),.post-contentpimg:first-child:nth-last-child(4)~img{width:25%;/*fallbackforbrowsersthatdon'tsupportcalc*/width:calc((100%/4)-0.8%);margin-left:calc(1%);}

javascript - CSS选择 previous sibling

这个问题在这里已经有了答案:Istherea"previoussibling"selector?(29个答案)关闭6年前。我有一个进度条,它有两个子项(部分)。每当这些child中的每一个被悬停时,进度的总高度及其child都会改变。我已经设法使用nextsiblingselector解决了第一个child的问题,但我找不到第二个child(黄色部分)的解决方案。到目前为止,我已经使用jQuery解决了这个问题,但我想用纯CSS来解决这个问题。fiddle:https://jsfiddle.net/zfh263r6/5/$('#start').on({mouseenter:functi

javascript - CSS选择 previous sibling

这个问题在这里已经有了答案:Istherea"previoussibling"selector?(29个答案)关闭6年前。我有一个进度条,它有两个子项(部分)。每当这些child中的每一个被悬停时,进度的总高度及其child都会改变。我已经设法使用nextsiblingselector解决了第一个child的问题,但我找不到第二个child(黄色部分)的解决方案。到目前为止,我已经使用jQuery解决了这个问题,但我想用纯CSS来解决这个问题。fiddle:https://jsfiddle.net/zfh263r6/5/$('#start').on({mouseenter:functi

HTML:char 的 sibling ▼

夏尔▼在html中显示一个大的向下箭头,这在动态菜单中非常有用(▼)。但它有点大。这个箭头的较小版本有字符吗? 最佳答案 您正在寻找▾▾黑色向下的小三角形。Here是一个完整的列表。 关于HTML:char的sibling▼,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7664443/

HTML:char 的 sibling ▼

夏尔▼在html中显示一个大的向下箭头,这在动态菜单中非常有用(▼)。但它有点大。这个箭头的较小版本有字符吗? 最佳答案 您正在寻找▾▾黑色向下的小三角形。Here是一个完整的列表。 关于HTML:char的sibling▼,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7664443/

html - 了解 z-index : How does this element appear in front of its parent's sibling?

当我从.wrapperRed中删除z-index时,为什么红色div在绿色div前面?感觉z-index是沿链向上继承的。如果我将绿色div的z-index更改为6,即使在删除第一句中描述的行后,它仍保持在红色div的前面。.wrapperRed{height:200px;width:200px;position:absolute;z-index:1;/*Whyisthereddivinfrontofthegreenone,ifthisz-indexisdeleted?*/}.red{position:absolute;height:100%;width:100%;background

html - 了解 z-index : How does this element appear in front of its parent's sibling?

当我从.wrapperRed中删除z-index时,为什么红色div在绿色div前面?感觉z-index是沿链向上继承的。如果我将绿色div的z-index更改为6,即使在删除第一句中描述的行后,它仍保持在红色div的前面。.wrapperRed{height:200px;width:200px;position:absolute;z-index:1;/*Whyisthereddivinfrontofthegreenone,ifthisz-indexisdeleted?*/}.red{position:absolute;height:100%;width:100%;background

html - 如何在父元素和父元素的兄弟元素之上显示子元素?

我的问题与这个问题有关:ShowchildelementaboveparentelementusingCSS该问题的答案是设置overflow:visible,仅适用于一个child的一位parent。但是,我有一排这些元素;我需要child显示在parent之上的parent行。我可以让child在原来的parent身上展示,但我不能让child在parent的sibling身上展示。为了让您了解我在说什么,这里有一个屏幕截图:我想要的是选项弹出窗口,即隐藏在接下来两行后面的元素,显示在这两行之上,就像它显示在其直接父级之上一样。我一直在弄乱它,还没有弄清楚,所以希望这里有人能够提供