草庐IT

parent-child

全部标签

android - CardView layout_width ="match_parent"与父 RecyclerView 宽度不匹配

我有一个fragment,其中包含一个RecyclerView,layout_width="match_parent":RecyclerView中的项目也是CardView,layout_width="match_parent":我将项目View放大如下:publicMyAdapter.ViewHolderonCreateViewHolder(ViewGroupparent,intviewType){CardViewv=(CardView)LayoutInflater.from(parent.getContext()).inflate(R.layout.card_listitem,nu

html - 我如何定位第一个没有特定类(class)的 child ?

如果我有下面的htmlDoNotTargetThisDoNotTargetThisTargetThisDoNotTargetThis我如何定位第一个没有隐藏类的child?例如#some_list>li:not(.hide):first-child{color:#777;}但这行不通。Fiddle 最佳答案 你可以使用CSSadjacentsiblingselector为了选择没有.hide类的第一个li元素:EXAMPLEHERE.li:first-child:not(.hide),li.hide+li:not(.hide){ba

html - 如何在不使用 float :left so it wont change the default parent div height 的情况下将文本对齐到 img 的右侧

如何将文本与示例图片中的图像图标的右侧对齐。我通常会使用“float:left”,但它用于移动响应设计,所以我不喜欢使用“float:left”之类的东西,因为它会破坏红色div响应式设计的高度。我必须对齐标题、副标题和一个小方形图像。 最佳答案 很容易使用float:left并且不会打破红色边框div的高度。您只需将display:table-cell添加到.app_topblock。这是解决方案:.app_top{display:table-cell;}.app_topimg{float:left;}查看工作示例。Here'st

html - 在 child 悬停时,为容器添加背景颜色

当光标悬停在左边的div上时,我需要用不透明度为0.2的黑色覆盖整个包装,除了左边的div。我如何在css中做到这一点?谢谢。...someelements...someelements 最佳答案 您可以使用通用兄弟组合符(~)和具有绝对位置的div来获得此效果。在该示例中,您将选择位于悬停子项之后的类为“.bgr”的div,并将其设置为粉红色/蓝色。#wraper{position:relative;width:200px;height:200px;}.bgr{position:absolute;top:0;left:0;widt

html - 图像最大尺寸根据 parent 的行高

是否可以使用纯CSS根据其父级的行高制作内联图像大小(比例)?考虑这个设置:HTML:texttexttextCSS:p{line-height:16px;}img{display:inline;vertical-align:middle;}我想要的是图像被缩放到16像素的高度,段落的line-height也是如此。这可能吗?请注意:我对HTML和CSS的更改持开放态度,但我不追求JS解决方案。 最佳答案 这很好用:img{height:1em;} 关于html-图像最大尺寸根据pare

html - CSS 适用于所有内部 div 但跳过第一个 child

我是初学者,有一个问题。目标:在所有“.title-title”类下渲染一个栏,不是不是第一个。我做到了并且效果很好,但出于学习的目的,我可能希望看到更好的/一线/专业的解决方案?感谢您的建议。#second.title-title:after,#third.title-title:after{content:"";display:block;width:40%;margin-top:5px;margin-left:auto;margin-right:auto;border:1pxredsolid;}/*PartofmyownexternalbootstrapripoffLUL*/.p

html - 如何使用只有直接 child 的第 nth-child?

我有下面的html,在我的CSS中我写了.CommentSection:nth-child(5n)li.Hide不是每第5个评论框被更改,而是被更改为其他元素。我如何做到仅直接子级(总是divclass="comment")被计算并应用于而不是计算其子级?a3/2/20106:14:51AMPermalinkFlagHideDeleteReplyasd... 最佳答案 .CommentSection>:nth-child(5n)或.CommentSection.comment:nth-child(5n)

html - last-child :after not rendering in Chrome? 伪元素使用问题?

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。我遇到了一个只有Chrome的问题(在FF和Safari中工作正常,不用担心IE)这让我想知道这是不是一个错误,如果我使用伪元素不正确,或者如果你'我们不应该组合伪类和伪元素。发生的事情是Chrome似乎在last-child:after规则中看到了content="-";,但没有呈现它。如果我打开开发人员工具并摆弄一些属性(例如打开和关闭边距),它会突

javascript - 如果第一个 child 有类,如何设置元素的样式?

我有2个.school,几个.class-room,里面还有一些.my-child。如果.my-child位于学校的第一个.class-room中,我想为该学校设置黄色背景的样式。但它没有按预期显示。jsfiddle$('.school').each(function(){$(this).find('.my-child').each(function(i,el){$(this).addClass('child'+(i+1));});if($('.school.class-room:first-child').children().hasClass('.my-child')){$('.s

html - Chrome : can't position one absolute div over another when the parent is fixed

我发现当我想要位于顶部的div的父级固定时,我无法在Chrome中将一个绝对定位的div定位在另一个之上:这是一个演示问题的JSFiddle:http://jsfiddle.net/SEJhg/你应该看到在Chrome中,z-index为10的黄色绝对定位div出现在z-index:1的绿色绝对定位div后面,因为父级的位置是固定的。Firefox等其他浏览器在绿色div之上显示黄色div。关于如何在Chrome中解决这个问题有什么建议吗?我无法改变parent的固定位置。谢谢! 最佳答案 您遇到的是Chrome中相对较新的行为,引