【自学前端】选取ul最后一个li

已于 2022-03-04 09:53:24 修改
阅读量629 收藏
点赞数 1
于 2022-03-04 09:33:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44487904/article/details/123269265
版权

CSS选择器 li:last-child li:last-of-type CSS技巧 前端开发
关键词由CSDN通过智能技术生成

之前看过一个面试题，怎么在不命名的情况下选取ul最后一个li，今天恰好学到了

li:last-child

或者是不受其他元素影响的

li:last-of-type
weixin_44487904
关注
html多个ul时怎么选择某个li,选中多个<ul>中的第一个<li>方法
weixin_42300525的博客
06-03 5823
获取第一个ul中的第一个li标签的方法://获取第一个ul中的第一个li/* $("ul li:first").css("background","pink");$("ul li").eq(0).css("background","pink");$("ul li").first().css("background","pink");$("ul li").slice(0,1).css("backgr...
自学前端第十五天:伪类伪元素和属性选择器和精灵图
weixin_47592060的博客
05-04 663
#一.基础伪类选择器(也是交集选择器一种,优先级也要叠加) 1.概念:某个选择器的镜像,当光标移动到盒子时会触发新的一面不同的效果,但是是短暂的而已 2.作用:伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果。 3.优先级权重:伪类分值和类名选择器一样是0,0,1,0分的,因此a:hover 叠加= 0,0,1,1(很重要!!!) 4.伪类语法结构: ① 类选择器是一个点 比如 .demo {} ②而我们的伪类 用冒号 比如 类 :link{} a { /* a
ul列表第一个li和最后一个li的如何选中
weixin_44647098的博客
06-12 1万+
第一个li的样式：li:first-child { background:#f00; } 最后一个li的样式：li:last-child { background:#000; } 第n个li的样式：li:nth-child(n) { background:#000; } 倒数第二个li的样式：nth-last-of-type(2){ background:#000; } 奇数列表：li:nth-child(odd) { background:#f00; } 偶数列表：li:nth-chi
python+selenium怎么获取ul下面最后一个li或ul中有多少个li
qq_40893019的博客
09-19 8785
from selenium import webdriver chrome = webdriver.Chrome() chrome.get('https://www.bilibili.com') ul = chrome.find_element_by_xpath('//*[@id="primary_menu"]/ul') lis = ul.find_elements_by_xpath('li')...
CSS选中最后一个li
weixin_30390075的博客
08-19 3916
.class ul li:nth-child(1):选择中最后一个li.box ul li:nth-child(1){　　margin-right:0;} 转载于:https://www.cnblogs.com/PHP0222wangdong/p/11339521.html
Jquery和JS获取ul中li标签
weixin_34349320的博客
09-08 839
js 获取元素下面所有的li  var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或  var div=document.getE...
ul列表解决最后一个li标签的margin问题
一杯苦恰啡的博客
08-15 3656
原文地址：http://www.qdfuns.com/notes/18692/4aaf900b84dcb4ab111ddfd93b87c8ee.html 方法一：运用css3的nth-child(3n)，但是不兼容ie8及以下。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo</title> <
自学web前端练手——JQuery实现品牌列表的显示与隐藏
lvshaoshishang的博客
04-01 858
主要运用了JQuery的选择器来实现（基本过滤选择器、内容过滤选择器、可见度过滤选择器）。 效果如下： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> ...
自学web前端练手——js的单一按钮显示与隐藏
lvshaoshishang的博客
03-15 544
效果如下： 单一按钮显示与隐藏可来回切换 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单一按钮显示隐藏</title> <style type="text/css"> body,div,ul,li...
前端学习笔记 - HTML+CSS
fengxm0309的博客
10-07 4730
基础认知 网页 什么是网页 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 什么是 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Lang
html+css中最后一个li没有竖线
大大大鸡腿的博客
09-08 1549
先放效果： 我们经常会遇到这种情况，总是不知道怎么弄。 先来说说竖线： 其实竖线有很多种写法，你可以用li标签的border-right，可以把竖线也当做一个li，还可以用li的after伪元素。 而如果想要第一个或最后一个li没有竖线效果，之前经常用的就是给其他的li单独设置class规定样式，现在有一个更好的办法。 css中的:not()选择器。 &:not(:last-child)::after { content: "";
jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
weixin_35698059的博客
01-12 761
本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能。分享给大家供大家参考，具体如下：最近为了实现这个简单的功能也是看了很多的内容，终于找出了看起来简单易实现的方法，我觉得能用最简洁的代码实现，就不要写的那么复杂，看也看不懂。先码着，为后面的项目做做准备。心若向阳无谓悲伤.item{background: #C0C0C0;border-radius: 20px;margin-bot...
伪类选择器获取ul中指定li
最新发布
m0_51181022的博客
03-28 398
​ 今天在开发中遇见一个问题，使用jsx语法开发了右键菜单，但是最后一个菜单是个二级的菜单，所以就考虑怎么获取到最后一个菜单，让它鼠标hover上去可以展示出来二级菜单（二级菜单默认是隐藏的）。再回到我们的问题，获取最后一个一级菜单，并且在它鼠标悬浮时展示二级菜单，默认不展示二级菜单。该选择器表示选择一个元素的最后一个子元素，并且该子元素与父元素的所有子元素中是倒数第。选择器匹配属于其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数。可以是一个数字，一个关键字，或者一个公式。
js如何获取数组的最后一个元素
qq_42931285的博客
05-27 1539
js获取数组最后一位
Vue ul li 列表 最后一个子元素 “不需要列表横线写法”
qq_095的博客
08-12 4523
Vue里面 ul li 列表 最后一个子元素 “不需要列表横线写法” .block flex 1 text-align center border-right 1px solid rgba(7,17,27,0.1) &amp;:last-child border-right 0px solid rgba(7,17,27,0.1) 重点在...
js 获取数组最后一个元素
热门推荐
dongsir
06-30 17万+
JavaScript 获取数组的最后一个元素，JavaScript 获取Array末尾元素 一、JavaScript pop() 方法 pop() 方法用于删除并返回数组的最后一个元素。 注意：pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。 va...
ul 里面的li 如何让最后一个li放在最后面
飞翔的熊blabla
02-18 2472
 如 更多是&lt;li&gt;标签的最后一个 如何让li放在最后面呢ul的定义.mod-linkTabs { position: relative; width: 172px; height: 31px; padding-right: 43px !important; margin-left: -15px !important; overflow: hidde...
能给我规划一个自学前端开发的路线吗
09-18
以下是一个自学前端开发的基本路线： 1. 学习HTML和CSS基础知识：HTML是用于创建网页结构的标记语言，而CSS则是用于设计网页样式的语言。可以通过在线教程，书籍或视频教程来学习这些知识。 2. 学习JavaScript：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值