css中怎么讓第一個和最后一個不被選中

這篇文章將為大家詳細講解有關(guān)css中怎么讓第一個和最后一個不被選中，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

　　ss如何選擇相同class下的第一個class元素和最后一個元素?如圖,如果像選擇類名為class="exerciseInfo"中的第一個和最后一個div做法。

　　css3-css中如何讓第一個和最后一個不被選中?

　　方法很多種，例如通過偽類：last-child{樣式}這個是選擇最后一個父級子元素。

　　第一個父級子元素可以這樣nth-child(1){樣式}

　　除了上面的方法還可以通過給第一和最后一個元素設(shè)置一個額外的類來設(shè)置樣式。

　　第一個和最后一個如何設(shè)置不被選中

　　tr全局屬性：

　tr{
　　background:#f3f900;
　　}

　　如果這樣設(shè)置

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">

關(guān)于“css中怎么讓第一個和最后一個不被選中”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。