草庐IT

first-child

全部标签

jquery - 使用 nth-child 的问题

我是网络编程新手,开始阅读如何在CSS中正确使用选择器。我真的需要这个,因为我正在开发一个博客,我的目标是以更有效的方式定位一个范围内的几个段落!为了简化问题,我做了一个例子,li,我需要帮助从[5-15]中选择最有效的方法li以及为什么!。在我发布这篇文章之前,我阅读了这篇articleitemoneitemtwoitemthreeitemfour(...)这是我的jsfiddle 最佳答案 尝试li:nth-child(n+5):nth-child(-n+15){color:red;}演示:Fiddle

html - 奇数显示 child 的风格

我正在寻找一种方法,将某些特定样式应用于显示的奇数(或偶数)子项(因此不包括隐藏的子项)。可选地,如果在显示隐藏的子项时应用该样式,那将是完美的!这是一个实时沙箱:http://jsfiddle.net/zrges/1/这是我在视觉上想要的:http://jsfiddle.net/qJwFj/(当然,这只是一个展示例子,不要管我为此写的烂代码)我无法管理好的伪类,CSS选择器来处理它。我希望有一个完整的css/html解决方案(不是js/php的,这样更容易)非常感谢! 最佳答案 检查一下:http://jsfiddle.net/q

html - 奇数显示 child 的风格

我正在寻找一种方法,将某些特定样式应用于显示的奇数(或偶数)子项(因此不包括隐藏的子项)。可选地,如果在显示隐藏的子项时应用该样式,那将是完美的!这是一个实时沙箱:http://jsfiddle.net/zrges/1/这是我在视觉上想要的:http://jsfiddle.net/qJwFj/(当然,这只是一个展示例子,不要管我为此写的烂代码)我无法管理好的伪类,CSS选择器来处理它。我希望有一个完整的css/html解决方案(不是js/php的,这样更容易)非常感谢! 最佳答案 检查一下:http://jsfiddle.net/q

jquery - 悬停在 child 身上时如何禁用 parent 悬停

我会尝试用一些简单的例子来说明我的问题。我有什么?http://jsfiddle.net/JGzSh/3/这是一些简单的按钮,稍后会有onlick事件。当我将鼠标悬停在绿色div(父级)上时,:hover会稍微改变它的颜色。有什么问题?问题是,当我将鼠标悬停在黄色部分上时,我想更改黄色元素的背景,但我不想父:hover工作。问题那么当悬停在子项上时如何禁用父项:hover呢?(所以parent的背景会回到起始颜色?)到目前为止,这些只是关于悬停的css规则.przycisk:hover{background-color:#383;}.skrot:hover{background-col

jquery - 悬停在 child 身上时如何禁用 parent 悬停

我会尝试用一些简单的例子来说明我的问题。我有什么?http://jsfiddle.net/JGzSh/3/这是一些简单的按钮,稍后会有onlick事件。当我将鼠标悬停在绿色div(父级)上时,:hover会稍微改变它的颜色。有什么问题?问题是,当我将鼠标悬停在黄色部分上时,我想更改黄色元素的背景,但我不想父:hover工作。问题那么当悬停在子项上时如何禁用父项:hover呢?(所以parent的背景会回到起始颜色?)到目前为止,这些只是关于悬停的css规则.przycisk:hover{background-color:#383;}.skrot:hover{background-col

javascript - float 元素 : Fill out the bottom line first

我正在处理的一个元素使用选项卡式导航。因为选项卡的数量是动态计算的,并且可以达到很高的数字,有时这些选项卡(本质上是具有float:left;样式声明的元素)溢出到下一行,使用[###]显示一个标签,最终结果看起来像这样:[###][###][###][###][###][###][###][###][Restofthecontent..............]因为顶行的最后4个元素没有它们“连接”的元素,所以这看起来很糟糕。是否可以借助Javascript(可以接受jQuery或MooTools等框架,如果它们提供更短/更简单的解决方案)先填写底部行,然后将其余元素放在顶部?像这样

javascript - float 元素 : Fill out the bottom line first

我正在处理的一个元素使用选项卡式导航。因为选项卡的数量是动态计算的,并且可以达到很高的数字,有时这些选项卡(本质上是具有float:left;样式声明的元素)溢出到下一行,使用[###]显示一个标签,最终结果看起来像这样:[###][###][###][###][###][###][###][###][Restofthecontent..............]因为顶行的最后4个元素没有它们“连接”的元素,所以这看起来很糟糕。是否可以借助Javascript(可以接受jQuery或MooTools等框架,如果它们提供更短/更简单的解决方案)先填写底部行,然后将其余元素放在顶部?像这样

html - 为什么设置 :first-letter selector with whitespace cause mouse highlighting to be offset?

有一个问题,通过添加空格我得到以下突出显示的偏移量异常。这真的是预期的行为吗?这似乎影响了Chrome/Safari问题重现于此:https://jsfiddle.net/qsa99cc6/CSS:p:first-letter{text-transform:uppercase;}HTML:highlightme!thiswon'tworkbecausethere'swhitespaceinthe<p>highlightme!Thisshouldworkbecausethereisn't 最佳答案 它的行为在不同的浏览器上

html - 为什么设置 :first-letter selector with whitespace cause mouse highlighting to be offset?

有一个问题,通过添加空格我得到以下突出显示的偏移量异常。这真的是预期的行为吗?这似乎影响了Chrome/Safari问题重现于此:https://jsfiddle.net/qsa99cc6/CSS:p:first-letter{text-transform:uppercase;}HTML:highlightme!thiswon'tworkbecausethere'swhitespaceinthe<p>highlightme!Thisshouldworkbecausethereisn't 最佳答案 它的行为在不同的浏览器上

html - CSS 中唯一具有文本兄弟的 child

如果它是独生子,我想让下面的内部跨度消失:即选择器在这种情况下不应该工作:Sometext我试过:only-child和:last-child都不起作用,我想是因为“Sometext”文本。 最佳答案 我认为这不能只用CSS来完成。您应该通过设置一些条件来使用jQuery或JavaScript。if($(".foo").text().length 关于html-CSS中唯一具有文本兄弟的child,我们在StackOverflow上找到一个类似的问题: htt