css中怎么让第一个和最后一个不被选中

这篇文章将为大家详细讲解有关css中怎么让第一个和最后一个不被选中，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

　　ss如何选择相同class下的第一个class元素和最后一个元素?如图,如果像选择类名为class="exerciseInfo"中的第一个和最后一个div做法。

　　css3-css中如何让第一个和最后一个不被选中?

　　方法很多种，例如通过伪类：last-child{样式}这个是选择最后一个父级子元素。

　　第一个父级子元素可以这样nth-child(1){样式}

　　除了上面的方法还可以通过给第一和最后一个元素设置一个额外的类来设置样式。

　　第一个和最后一个如何设置不被选中

　　tr全局属性：

　tr{
　　background:#f3f900;
　　}

　　如果这样设置

tr:not(:first-child):hover{
　　background:#ffffdd;
　　}

　　只能让第一行鼠标移动到上面时背景不变黄

　　tr:not(:last-child):hover{
　　background:#ffffdd;
　　}

　　这样只能匹配让最后一行鼠标移动到上面时背景不变黄

　　我在选择以下html标记的第一个和最后一个div时遇到问题：

<divclass="layout__side">
　　<divclass="portlet-dropzone">
　　<divid="id1">
　　<span></span>
　　<divclass="portlet-body">
　　<divclass="portlet-borderless-container">
　　<divclass="portlet-body">
　　<articleid="id2">
　　<divclass="inner">
　　<header>yoyoyoyoyoyoy</header>
　　</div>
　　</article>
　　</div>
　　</div>
　　</div>
　　</div><!--endid1div-->
　　<divid="id3">
　　<span></span>
　　<divclass="portlet-body">
　　<divclass="portlet-borderless-container">
　　<divclass="portlet-body">
　　<articleid="id4">
　　<divclass="inner">

关于“css中怎么让第一个和最后一个不被选中”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。