这篇文章将为大家详细讲解有关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中怎么让第一个和最后一个不被选中”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。