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

創(chuàng)新互聯(lián)公司是一家專業(yè)提供廬陽企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、網(wǎng)站建設(shè)、html5、小程序制作等業(yè)務(wù)。10年已為廬陽眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

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

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

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

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

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

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

tr全局屬性：

tr{
　　background:#f3f900;
　　}

如果這樣設(shè)置

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

只能讓第一行鼠標(biāo)移動(dòng)到上面時(shí)背景不變黃

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

這樣只能匹配讓最后一行鼠標(biāo)移動(dòng)到上面時(shí)背景不變黃

我在選擇以下html標(biāo)記的第一個(gè)和最后一個(gè)div時(shí)遇到問題：

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

網(wǎng)頁名稱：css中怎么讓第一個(gè)和最后一個(gè)不被選中-創(chuàng)新互聯(lián)
URL分享：http://www.rwnh.cn/article22/ccihjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、網(wǎng)站維護(hù)、定制網(wǎng)站、建站公司、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)