css中怎么讓第一個和最后一個不被選中-創新互聯

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

創新互聯公司是一家專業提供廬陽企業網站建設,專注與成都網站制作、網站建設、html5、小程序制作等業務。10年已為廬陽眾多企業、政府機構等服務。創新互聯專業的建站公司優惠進行中。

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

網頁名稱：css中怎么讓第一個和最后一個不被選中-創新互聯
URL分享：http://m.kartarina.com/article22/ccihjc.html

成都網站建設公司_創新互聯，為您提供自適應網站、網站維護、定制網站、建站公司、外貿網站建設、網站導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯