ReactJS -如何在ReactJS中检测元素是其父元素的第n_ first _还是最后一个子元素？

文章/答案/技术大牛

发布

1回答

javascript、css、reactjs

我正试图在ReactJS中进行一些动态移动，因此我需要检查子对象相对于其父对象的位置，请问如何在ReactJS中检测到它？我见过this post，但它用于组件之间的检测，而不是特定组件内部的检测，例如： <div> id={style.carousel_item_on

浏览 37提问于2019-01-18得票数 0

3回答

第一个元素的CSS2伪类？

css-selectors、css

有没有办法在CSS2 (而不是3)中做到这一点？ h2:first{bla bla;}

浏览 0提问于2010-09-01得票数 0

回答已采纳

3回答

Clearfix破坏了:最后一个孩子

css、css-selectors、clearfix

这很奇怪，但是当我使用元素的最后一个子元素，然后在最后放入一个清除的div时，它会破坏最后一个子元素？有人有什么想法吗？HTML： <a href="#">first child</a> <a href="#">secon

浏览 4提问于2014-05-02得票数 0

回答已采纳

4回答

如何查找div的第一个直接子元素

jquery

我有一个id为"LeftScrollableDiv“的div元素，我正在尝试查找它下面的第一个子元素： <table></table>但是结果是空<em

浏览 0提问于2012-07-13得票数 21

回答已采纳

3回答

为什么:nth-child(2)选择器在我期望的情况下工作:第一个孩子？

css、css-selectors

我有我想要问的问题的。我经常使用这种格式。我希望能够用fieldset div:first-child { }选择第一个div，但似乎只有第二个子选择器才能选择它。我希望"field 1“是红色的而不是蓝色的。说“对字段集中的第一个div设置样式”比说第二个从语义上讲更有意义(至少对我来说是这样的)。为什么会发生这种情况，有没有办法达到我想要的效果(能够调用div:<e

浏览 2提问于2012-03-20得票数 4

回答已采纳

3回答

如何使用:最后一个孩子的选择器？

html、css、css-selectors

我想简单地将一个border-bottom添加到最后一个.slab.

浏览 4提问于2015-12-25得票数 1

回答已采纳

1回答

DOM元素上的JavaScript LTR/RTL检测

javascript、css、nested、detection、right-to-left

如何检测元素的文本方向？ <span id=whatA

浏览 5提问于2020-12-24得票数 2

回答已采纳

2回答

CSS如何应用:第一个孩子和:最后一个孩子

html、css、addthis

我在使用CSS :first-child和:last-child时遇到了问题。这是我的密码。border: 1px solid #eee; width: 32px; .addthis_toolbox:first-child

浏览 0提问于2011-08-24得票数 2

回答已采纳

4回答

css伪类上子问题

html、css

当使用:last-child伪选择器时，我面临一个问题。padding: 18px 0;} border:none;我的目标是防止最后一个div.apply_inn像其他的div.apply_inn一样使用bottom-border进行样式化，这种样式似乎没有得到应用。有人能解释一下发生了什么吗？这是我问题的

浏览 6提问于2013-03-21得票数 3

回答已采纳

2回答

为什么:最后一个子选择器只选择“最新的子”？

css、css-selectors

我尝试过几次，每次都会发生这样的情况:当我使用:last-child选择器时，它只选择文档的最后一个子元素，而:first-child选择器则选择文档的第一个子元素all。有人能解释一下为什么吗？示例：<style></style&g

浏览 6提问于2012-11-17得票数 0

1回答

选择最后一个直接子项

css

我正在尝试选择一组元素的最后一个直接子元素，如中的最后一个.container：问题是它没有应用样式。下面是我尝试使用的代码： overflow: auto;} 提前感谢

浏览 3提问于2012-10-27得票数 1

1回答

Safari bug :当使用JS删除项时，第一个子程序不会更新显示:阻止

javascript、css、css-selectors、safari

对于默认情况下所有隐藏的项的列表，第一个li具有一个display of block。问题是，如果删除了第一个元素，它就不会更新，事实上，会产生一个应该显示的新的第一个子元素。在Safari中，不显示应该显示的新li。class="item">3</li> </ul

浏览 7提问于2013-03-08得票数 2

1回答

在聚合体中，CSS如何选择宿主父元素的第一个元素？

polymer

假设我有一种聚合物元素： <style>host:first-child { } color: red;

浏览 5提问于2015-02-06得票数 3

4回答

jquery -如何检查节点是元素还是文本

jquery、parsing

我希望能够识别文本字符串的第一个孩子是元素还是文本节点，例如：但这并不总是有效的1:第一个子元素是text。using above code <pre>check out my te

浏览 2提问于2012-12-30得票数 2

回答已采纳

5回答

非最后一个子应用CSS样式定义：

html、css

我刚刚发现，如果CSS类是由子选择器定义的，例如：‘：last’，那么非最后一个子类将意外地被应用到类中。在我看来，span.item也是div.list的孩子，而不是直接的孩子。我的代码如下。那么:最后一个孩子，第一个孩子和第九个孩子只为直接的孩子工作吗？如果是这样的话，有没有办法让它像预期的那样工作呢？我在这里提供的

浏览 8提问于2014-02-24得票数 2

回答已采纳

1回答

不能用引导导航栏中的伪类锁定第一个链接

html、css、twitter-bootstrap、css-selectors

这是我的导航条：每个链接在左侧和右侧都有29 on的填充。为了最大限度地利用可用空间，我尝试从第一个链接中删除左侧填充，从最后一个链接删除右侧填充。font-family: 'Lato', sans-serif; font-size: 1.15em; padding-left: 0px; .nav &g

浏览 7提问于2015-09-16得票数 1

回答已采纳

2回答

CSS:子组合符选择器& :first- Child？

css、css-selectors

我有一个包含一些其他div的div，里面有一些段落和一些图片。div或p中的图像。我使用子组合子选择器来完成此操作： border: 1px solid red;这是可行的，但是现在我只想选择第一个非嵌套的图像。我尝试这样做，但没有任何结果： border: 1px solid

浏览 0提问于2013-03-26得票数 1

回答已采纳

2回答

如果DOM中只有一个子类，那么类的第n个子类(1)是否与类本身具有相同的结果

javascript、jquery

假设我们有两个具有相同className的元素，例如."test".来获取每个元素并按照我希望的方式操作它们，我可以使用下面这样的内容如果我使用replaceWith将第一个子元素替换为具有不同类名的不同<em

浏览 0提问于2017-07-12得票数 1

2回答

.animate到一个元素

javascript、jquery

我正在使用这个函数做一个动画悬停： var lookbook = $('.lookbook_info') $('.lookbook_info').animate({ }, 300 );我遇到的问题是，当用户悬停一个项目( .lookboo

浏览 0提问于2013-02-14得票数 0

回答已采纳

1回答

如何在输入元素ReactJS点击时使用CSS转换

css、reactjs、css-transitions、react-transition-group、react-animations

我是新的ReactJS，从来没有使用任何动画的反应，但与CSS。我试着用CSS来转换焦点上输入的宽度，但它不起作用。下面是我的JSX & CSS代码 <input type="text" className="rq-form-element从一项小小的研究中，我发现，有时当<

浏览 2提问于2019-12-08得票数 1

点击加载更多