如何使用伪类来选择除第一个和最后一个之外的所有子项？
在前端开发中，可以使用伪类来选择除第一个和最后一个之外的所有子项。具体的选择器是:not(:first-child):not(:last-child)。
解析：
:not()伪类用于选择不匹配指定选择器的元素。:first-child伪类用于选择作为其父元素的第一个子元素的元素。:last-child伪类用于选择作为其父元素的最后一个子元素的元素。
因此，:not(:first-child):not(:last-child)选择器可以选择除第一个和最后一个子项之外的所有子项。
应用场景：
这个选择器在很多情况下都可以使用，例如在一个列表中，如果想要给除了第一个和最后一个之外的所有项添加特定的样式，就可以使用这个选择器。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：云服务器（CVM）
请注意，以上提到的腾讯云产品仅作为示例，不代表对其他云计算品牌商的评价或推荐。
相关·内容
2回答
我有一个有多个字段集的表单，然后使用下面的代码将它们叠加在一起。Javascript使用前进和后退按钮旋转字段集。在没有兼容性模式的情况下，它们不为IE11工作。我知道我可以用大一点的css2第一个孩子:以前做这件事，但有麻烦。
运行firefox和chrome
#AUTO fieldset:not(:first-of-type) {
display: none;/*remove to see all feildsets*/
}
非工作IE
#AUTO fieldset:first-child:before {
display: none;/*remove to see all feilds
浏览 5提问于2016-06-07得票数 2
回答已采纳
一般情况下，我想禁用页面上的右键单击，但是每个图像上都有一个定制的jquery对话框。现在img id被传递给事件，所以当菜单相同时，它会给出每个图像不同的结果。
因此，我想绑定我的通用上下文菜单的所有非图像，但img class=“图像”.
那么我如何表达$(!.image)？
编辑我查找了not函数。我使用它是这样的:然而，我仍然得到一般的帮助，即使在照片上。
<script>
$(document).ready(function() {
$('*').not('.public-photo').bind("contextmenu
浏览 5提问于2012-11-23得票数 1
1回答
我在CSS中看到过这样一行代码：
[icon]:not([focused]):not([pressed]):not([disabled]){ background-position-y:-0px; }
本例中的多个冒号是什么意思？它们仍然是伪选择器吗？
浏览 1提问于2012-11-18得票数 2
回答已采纳
假设我在一个带有id #container的div中有5个名为.content的div类。我想去掉前4个，只留下最后一个。我该如何在jquery中做到这一点呢？
<div id="container">
<div class="content"> </div>
<div class="content"> </div>
<div class="content"> </div>
<div class="co
浏览 2提问于2012-11-27得票数 0
回答已采纳
在试图弄清楚多个伪类赋值的用法时(在使用p和li内容的示例中，我注意到，有时，添加额外的一行文本会导致‘破坏’伪类赋值。
例如，在下面的代码中，第2节中的额外行中断了它(如果它被注释掉了，那么一切都很好)。但是第1节中的额外行并不会破坏它。怎么回事？我能想到的唯一一件事可能是，在伪类执行中，li被视为p(但以一种草率的方式...例如，如果我在额外的一行中有一个斜体，那么它仍然没有颜色)。
CSS
/*For Section 1: First italic of all lines = colored */
div.ps1 li i:first-child{
color: blue;
}
浏览 4提问于2016-01-08得票数 0
我想在一些容器上设置一个伪元素边框，但不包括第三个。我认为我可以将伪选择器与:not结合使用，比如：div:before:not(nth-child(3))，但它似乎不起作用。
那么:not选择器和伪选择器是不兼容的吗？在这种情况下，我如何才能将伪元素放入其中并排除某些特定元素呢？
(顺便说一句，伪元素边框的想法是控制边框，使它们保持在顶部，无论顶部是否有覆盖(虽然还没有看到它是否有效)
这是一把小提琴：(没有可见的边框，因为有not:(nth-child(3))选择器)
以下是小提琴中的代码：
HTML：
<div class="ctr">
<div&
浏览 15提问于2017-07-18得票数 0
回答已采纳
好了，下面我让这个脚本做我想做的事情；我用它为我的导航栏添加背景fadeIn/fadeOut，使用jquery。
在我的设计中，我在我的导航栏的ul中的每个li的末尾都有一个分隔符图像；为了增加这个分隔符图像，我在"sep“类中添加了span，这个类包含了我的css，以便在适当的位置添加分隔符图像作为背景。
现在我的问题是，我的分隔符是一个右对齐的背景图像，所以它出现在每个导航项目的右侧(参见下面的基于文本的结构示例)，我希望导航的最后一项没有分隔符。
当前示例结构：(项目1|项目2|项目3|)
我希望它是什么：(项目1|项目2|项目3)
现在要在javascript中做到这一点，我需
浏览 4提问于2010-12-08得票数 0
回答已采纳
我有一个div，它包含三个图像，它们差不多有31%宽。我们的想法是提供中间的填充。最后一幅图像应该没有正确的填充，所以这三幅图像的宽度与上面更大的图像一样宽。
像这样..。
我如何指定一个变体(选择器或其他)类，它只知道图像处于最后一个位置？任何想法，比如利用兄弟姐妹等等。
浏览 3提问于2013-09-15得票数 0
回答已采纳
2回答
我有这个HTML代码：
<div class="field">
<input type="hidden" value="" name="a" id="a"> <input type="hidden" value="xxxx" name="b" id="b">
<input type="file" value="" name="file1
浏览 0提问于2012-11-19得票数 2
回答已采纳
5回答
下面是我的html的结构。
<div class="parent">
//many other elements
<div class="child">
<div class="grandchild"></div>
</div>
</div>
我想要选择父元素中的所有元素，除子元素中的元素
我试了下下面的那个，它不起作用
$(".parent *:not(.child *)")
我如何选择它？
浏览 0提问于2015-10-14得票数 2
这是我需要帮助的在我的废博客/博客点博客。
我试着把答复移到他们回复的下面。
我想从它所在的<li>节点开始移动回复，然后
将其放置在<li>节点内创建的<li>标记中，该节点的注释将回复到
我还想从移除的注释中删除回复
评论如下：
<li class="comments">...</li>
<li class="comments">...</li>
<li class="comments">...</li>
移动注释时
浏览 3提问于2011-09-29得票数 0
我在removeChild上看到了很多问题。
我有一个入侵者类型的游戏，砖块从上面掉下来，你必须用一个不断弹来弹去的球来摧毁它们。
当我想移除砖块(在for循环中用数组引用它)时，我会随机得到异常错误(像许多其他错误一样)，即对象必须是调用者的子级。
这是一个解决方案：
if (this.parent != null)
{
this.parent.removeChild(this);
}
--在我的例子中，是从目标对象(砖块)的类中调用的。
但问题是..。如果this.parent真的是空的，那么砖块就会留在那里！(当它应该被删除时)
浏览 0提问于2012-08-05得票数 0
我想编译next LESS-rule：-除第一个子元素之外，当前元素后面的每个元素。
它应该是这样的：
(& ~ *):not(:first-child) {
margin-left: 5px;
}
或者这个：
& ~ *:not(:first-child) {
margin-left: 5px;
}
不幸的是两者都不起作用。
浏览 2提问于2016-01-11得票数 4
回答已采纳
我有以下代码：
<td><img src="img/product.jpg" height="40" width="40"/></td>
<td>Triple monochromator for Raman</td>
<td><a href="i"></a></td>
<td>
<a class="action--edit"><i class="icon-buildin
浏览 4提问于2017-12-18得票数 0
回答已采纳
我有一个多模块构建，其中一个模块暂时没有构建，但我仍然希望从CI服务器发布其他模块的快照构件。有没有办法告诉Gradle从命令行跳过一个模块？就像用于任务的-x，但用于整个模块？
或任何其他不涉及编辑构建文件或settings.gradle的方式？
浏览 18提问于2015-03-11得票数 2
除了第一个UL和第一个H3之外，我正在使用CSS选择器尝试隐藏..text包装div中的所有内容，但是下面的选择器并不像预期的那样工作。
CSS：
.text-wrap {
>*:not(h3:first-of-type):not(ul:first-of-type) {
display: none;
}
}
HTML：
<div class="text-wrap>
<h3>My h3</h3>
<ul>
<li>item 1</li>
<li>ite
浏览 1提问于2016-02-10得票数 1
回答已采纳
6回答
因此，假设我想用CSS隐藏一个特定类的div或span。
有没有办法对前X个实例这样做，或者更好的是，除了最后一个实例之外，对所有实例都这样做？我想这将需要javascript。
伪代码，我想应该是这样的
if divname.class = "XYZ" {
select all instances -1
execute code that inserts random programmatic id into each class
execute code that hides all ids except the last one
}
我在正确的轨道上吗？或者有没有更简单/
浏览 0提问于2012-02-25得票数 0
当我在玩CSS选择器时，我遇到了一个奇怪的情况。
如果我使用:first-child伪元素，我需要在它前面加上一个空格让它工作，如果我不这样做，它就不会工作。然而，使用:第一个字母的伪元素的情况是相反的，它只有在它前面没有空格的情况下才会起作用。
我发现这很不一致，因为这两个都是伪元素。最初我认为这可能只是IE10的问题，但我检查了Chrome和火狐，结果是一样的。我是不是漏掉了什么？这种行为是有原因的吗？
这里，是重现这个问题的紧凑示例：
<!DOCTYPE html>
<html>
<head>
<style>
* { color:
浏览 0提问于2013-02-17得票数 1
回答已采纳
如何在div中选择除一个标记之外的所有标记。(我给出了一个非常简单的代码，但在实际情况下，我可以有任何标记)
我这里也有：
$("div").click(function() {
$('#tot').find('*').not("h1").css("color","blue");
// $('#tot').find('*:not("h1")').css("color","blue");
});
<scrip
浏览 3提问于2015-02-15得票数 0
我正在尝试选择表的第一行。注意:第一行包装在thead标记中，因此：
<table>
<thead>
<tr> <!-- first row --> </tr>
</thead>
<tbody>
<tr> <!-- body --> </tr>
</tbody>
<tfoot>
<tr> <!-- body --> </tr>
</tfoot>
<
浏览 0提问于2009-12-13得票数 16
2回答
我正在寻找jquery中的“滚动切换”(理想情况下使用插件)。如果我有以下HTML：
<ul>
<li>Option 1</li>
<li>Option 2</li>
<li>Option 3</li>
</ul>
我希望显示第一个选项，隐藏其他选项。每次我“点击/点击”一个选项时，它会显示下一个选项，并循环到最后一个选项之后的第一个选项。当在移动网络设备上使用时，我希望它能响应向上/向下滑动事件，并且看起来像一个“滚轮”(即使用向上/向下滑动效果)。要求太多了吗？希望不是，
浏览 0提问于2011-01-13得票数 1
回答已采纳
我创建是为了让我的Stack Overflow使用起来更加愉快。如屏幕截图所示，我的侧边栏只包含“忽略的标签”标题和输入框。我不关心所有未回答的标签，也不关心我已经忽略的所有标签。下面是CSS：
#sidebar > * { display: none }
#sidebar > :nth-child(5) { display: inherit }
#sidebar > :nth-child(5) > * { display: none }
#sidebar > :nth-child(5) > :nth-child(4) { display: inherit
浏览 4提问于2009-12-10得票数 2
回答已采纳
2回答
我想按顺序打印我的列表，但是它一直打印第一个值。
def print_order(s):
if not s:
return
print(s[0])
print_order(s[:-1])
例如，我有一个列表1，2，3，4，5，6，7，我希望它被打印为
1
2
3
4
5
6
7
浏览 0提问于2014-09-30得票数 0
回答已采纳
2回答
您好，我正在尝试反转页面上除图像以外的所有内容？任何帮助都将不胜感激。谢谢。
<a href="javascript:(function(){var css='html {-webkit-filter: invert(100%);'+'-moz-filter: invert(100%);'+'-o-filter: invert(100%);'+'-ms-filter: invert(100%); }',head=document.getElementsByTagName('head')[0],sty
浏览 0提问于2015-02-14得票数 0
如何选择除一个父母以外的所有div？假设我有这样的代码：
<div id="parent">
<div id="child1"></div>
<div id="child2"></div>
<div id="child3"></div>
</div>
我想选择#child1 #child2。当然，我可以正常地选择它们，但假设我有很多儿童div。
我不想要像最后一个这样的选择器，因为它不是说它总是我想跳过的最后一个
浏览 7提问于2014-02-24得票数 0
回答已采纳
我想选择第一个项目，在本例中是一个具有类"red“的列表项标记。但是:即使在CSS中没有指定标记时，类型的第一类型也会将标记作为第一个条件来考虑。
我希望选择带有.red类的子类的父标记中的第一次出现，即使它与其兄弟姐妹具有相同的标记。也许在这种情况下，第一类不是正确的psuedo类？
CSS
.red:first-of-type {
color: red;
}
HTML
<ul>
<li class="red">Item (This is red)</li>
<li class="red">I
浏览 2提问于2015-01-15得票数 0
回答已采纳
我使用的是RealTime-database(Firebase 7.3.2)和Unity。 当我使用LimitToLast()方法时，查询需要很长时间(1，5到2分钟)才能返回响应。 但是，当我加载整个数据或在不使用LimitToLast方法的情况下执行此查询时，所需的时间不会很长。 我想问一下，是否每个人在开发实时firebase数据库的过程中都有这个问题。 我的数据库包含1700个房间。 以下是查询： var result = await FirebaseDatabase.DefaultInstance.GetReference("Rooms")
.OrderBy
浏览 17提问于2019-09-27得票数 1
3回答
我有一个笨重的css块，用来设置元素第一个子元素的页边距-顶部。第一个子元素可以是任何标签。
.comment-description p:first-child,
.comment-description ol:first-child,
.comment-description ul:first-child,
.comment-description pre:first-child,
.comment-description blockquote:first-child
{
margin-top:0px;
}
我确信我可以把它砍掉，但由于我不经常设计，我想不出更好的
浏览 0提问于2013-06-18得票数 3
回答已采纳
2回答
我有一个有2个div的部分，其中分配了以下类。在中，我将一个接一个地显示图像(根据设置的过滤器，有不同数量的图像)。所有的图像都是相同的大小，所以5将适合在一条线，然后包装到下一行。在每幅图像之后，正如你所看到的，我有一个20 of的右边距。但是，我希望在第五张图片之后不要有一个正确的空白。这个想法是让图像填充他们所在的DIV的整个宽度。
DIV节
.l-colorbook-detail {
*zoom: 1;
max-width: 75.5em;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-
浏览 1提问于2015-05-29得票数 0
回答已采纳
3回答
在这种情况下，为什么:not选择器根本不能工作：
a {
color:red;
}
div a:not(.special a) {
color: green;
}
例如：
<div>
<span>hello<a href="#">link</a></span>
</div>
<div class="special">
<span>hello<a href="#">link</a></span>
&l
浏览 2提问于2016-03-03得票数 1
回答已采纳
2回答
我需要编写一个递归函数，它将对给定数字的所有数字进行求和，排除最正确的数字。例如: 56643 -> 5+6+6+4= 21
或者，如果数字是5:和将是0，因为我们将不和正确的数字(在本例中，它也是我们的唯一数字)。
我试图编写递归函数，但没有成功。
int sumDig(int num) {
if (num < 10)
return 0;
return (num % 10 + sumDig(num / 10));
}
谢谢大家
浏览 4提问于2021-12-09得票数 2
1回答
我有一个XML文件，它的模型如下：
<data>
<customer>
<id></id>
<name></name>
<model>
<id></id>
<name></name>
<item>
<id></id>
<history
浏览 1提问于2012-09-16得票数 1
回答已采纳
我在导航栏元素上有以下css操作
.nav-link:after {
content: "|";
font-weight:700;
color:#5E7B65;
padding-right: 10px;
padding-left: 5px;
}
在以下html上运行：
<ul class="navbar-nav ml-auto mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">aaa
浏览 34提问于2020-03-10得票数 1
1回答
我有数以千计的json文件，看起来像：
file1 (key1:value_list1)
{"2mac:acg":["1-248","3-245","3-246","4-245","4-246","5-245","5-246","6-243","6-245","6-246","6-247","6-296","7-245","7-295","7-296
浏览 0提问于2022-05-24得票数 3
回答已采纳
1回答
我正在使用bootstrap 4我的项目。下面是我的代码
.form-info-tab {
border: 1px solid #ccc;
border-collapse: separate;
border-spacing: 0px;
padding:5px;
text-align:center;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"
浏览 1提问于2020-04-27得票数 0
8回答
我对CSS一无所知，但我正在尝试弄清楚这个语法的含义：
body {
margin: 0;
font-family: "Trebuchet MS", Helvetica;
background: #FFFFFF;
color: #FE6600;
overflow-x: hidden;
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 45px;
width: 100%;
min-height: 372px;
}
bod
浏览 0提问于2009-01-15得票数 0
其跨度可能具有文本内容，也可能没有文本内容。
当且仅当有文本内容时，有没有一种方法可以左右填充？
我正在考虑使用伪类:first和:last，看看一些css3示例是如何使第一个字符变得特别大的。
这会奏效吗?还是白日做梦？
浏览 0提问于2011-04-10得票数 4
回答已采纳
5回答
是否有任何方法只在html列表中设置某些项目的样式？
例如
有没有办法在列表中的最后两个项目周围加上一个边框？
浏览 4提问于2014-10-03得票数 0
回答已采纳
在我的CSS中，我有：
table {
Width:100%;
max-width:600px;
}
这显然会将上面的CSS分配给站点上的每个表，但是我如何才能使它不只分配到整个站点的表上呢？
浏览 0提问于2013-09-04得票数 0
我有一个使用"Class Library“项目模板创建的类库。如果我在解决方案资源管理器中右击该库并选择“添加>用户控件”，Visual Studio将添加一个WinForms UserControl。这不是我想要的--我想要“添加>用户控件”来添加一个WPF用户控件。
我已经添加了对WPF程序集(WindowsBase、PresentationFramework和PresentationCore)的引用，并且这个库中已经有了一些WPF UserControls，一切都可以编译。我的库没有对WinForms程序集(System.Drawing和System.Windows.
浏览 5提问于2011-05-15得票数 3
回答已采纳
我有一个叫做'div.cloneFrame‘的div，我正在使用jquery.clone克隆它。它工作得很好，我使用这个函数克隆了我需要的所有东西：
var needToClone = 4;
var totalImgs = 0;
for(i=0;i<needToClone;i++){
$('div.cloneFrame').clone()
.removeClass('cloneFrame')
.appendTo('.frame-group').each(function
浏览 0提问于2011-12-14得票数 0
回答已采纳
2回答
下面是
<#elseif (pageData.author.googlePlus)[0]=="+" || (pageData.author.googlePlus)?
matches("^[+]+")>
<#assign str = (pageData.author.googlePlus)?replace("^[+]+","")>
<link rel="author" href="https://plus.google.com/+${(str)!}/posts"
浏览 2提问于2014-04-01得票数 3
如何使用CSS3选择器选择除最后一个子项之外的所有子项？
例如，若要仅获取最后一个子项，则应为div:nth-last-child(1)。
浏览 4提问于2010-04-04得票数 452
回答已采纳
日安
我正在使用Java生成一个jasper报告。它是用表格正确生成的。该表填充了我在map参数中传递的列表。
我有了一个新的需求，我想只在表格的最后一行添加颜色。
我试着用谷歌搜索了很多次，但还是没有用。有什么想法吗？
浏览 0提问于2017-02-21得票数 0
2回答
除了第一个孩子，我正在尝试将某些样式应用于列表中的所有项目。我认为我设置的sass是正确的，但这种风格目前还没有得到应用。
html
<div class="list">
<div *ngFor="let item of data; index as i; first as isFirst; last as isLast"class="list-item">
<input class="radio" name
浏览 0提问于2018-12-14得票数 0
回答已采纳
我有一个带有:hover伪类的div，它应用了许多CSS效果来告诉用户他们正悬停在它上面。
当用户将鼠标悬停在CSS效果上时，如何通过添加.disable类禁用CSS效果？
浏览 1提问于2011-06-15得票数 2
回答已采纳
3回答
在IE7和jQuery 1.4.4中使用Firebug Lite。我正在尝试获取所有不是第一个的".step“<div/>元素(现在有2到3个，但假设步数是任意的)。在FF和Webkit中工作，但注意到:not和:first的相同选择器不会在IE7中选择相同的项。jQuery错误？这应该起作用吗？你能推荐一种选择这些项目的替代方法吗？
# Firebug Lite console
>>> $('.step')
[div#step_1.step, div#step_2.step, div#step_3.step]
>>> $
浏览 0提问于2011-02-25得票数 0
我正在尝试修改一些CSS，它基本上只会在它不是第一个使用CSS的类型时运行-下面的作品是为所有选择器显示的吗？
.networks-body.all .facebook.interaction-container::before
{
content: "\f09a";
margin-right: 2px;
}
浏览 2提问于2017-02-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
