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中怎么讓第一個和最后一個不被選中”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。