文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

【CSS】前端三大件之一，如何学好？从基本用法开始吧！（二）：CSS伪类：UI伪类、结构化伪类；通过伪类获得子元素的第n个元素；创建一个伪元素展示在页面中；获得最后一个元素；处理聚焦元素的样式

伪类分为两种(以及新增的伪类选择器)： UI伪类：会在HTML元素处于某种状态时(例如：鼠标指针位于连接上)，为该元素应用CSS样式。...:hover 结构化伪类：会在标记中存在某种结构上的关系时 例如： 某元素是一组元素中的第一个或最后一个，为该元素应用CSS样式。...:not和:target(CSS3新增的两个特殊的伪类选择器) UI伪类 UI元素状态伪类选择器有如下几个： 属性 说明 Selector:link 匹配Selector选择器且未被访问前的元素(通常只能是超链接...特别提示： 一个冒号(:)表示伪类，两个冒号(::)表示CSS3新增的伪元素。 上面的Selcotor选择器可以省略，如果省略则可以匹配处于某种 状态下的多个元素。...在HTML文档中，根元素永远是元素 Selector:first-child 表示一组同胞元素中的第一个元素。 Selector:last-child 表示一组同胞元素中的最后一个元素。

17110

选择最后一个元素及nth-child和nth-of-type的区别

CSS3 :last-child 选择器 指定属于其父元素的最后一个子元素的 p 元素的背景色 p:last-child { background:#ff0000; } CSS3 :nth-last-child...() 选择器 规定属于其父元素的第二个子元素的每个 p 元素，从最后一个子元素开始计数： p:nth-last-child(2) { background:#ff0000; } p:last-child...等同于 p:nth-last-child(1) CSS3 :nth-last-of-type() 选择器 规定属于其父元素的第二个 p 元素的每个 p，从最后一个子元素开始计数： p:nth-last-of-type...(2) { background:#ff0000; } 对于:nth-child选择器，在简单白话文中，意味着选择一个元素： 这是个段落元素 这是父标签的第二个孩子元素 对于:nth-of-type选择器...，意味着选择一个元素： 选择父标签的第二个段落子元素 例子： p:nth-child(2)悲剧了，其渲染的结果不是第二个p标签文字变红，而是第一个p标签，也就是父标签的第二个子元素。

3.5K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    在排序数组中查找元素的第一个和最后一个位置

    在排序数组中查找元素的第一个和最后一个位置 给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。...接下来，在去寻找左边界，和右边界了。 采用二分法来去寻找左右边界，为了让代码清晰，我分别写两个二分来寻找左边界和右边界。...刚刚接触二分搜索的同学不建议上来就像如果用一个二分来查找左右边界，很容易把自己绕进去，建议扎扎实实的写两个二分分别找左边界和右边界 寻找右边界 先来寻找右边界，至于二分查找，如果看过704.二分查找就会知道...总结 初学者建议大家一块一块的去分拆这道题目，正如本题解描述，想清楚三种情况之后，先专注于寻找右区间，然后专注于寻找左区间，左右根据左右区间做最后判断。...target的下标（左边界）与第一个大于target的下标（右边界）； # 2、如果左边界<= 右边界，则返回 [左边界, 右边界]。

    6.8K20

    在排序数组中查找元素的第一个和最后一个位置

    在排序数组中查找元素的第一个和最后一个位置 给你一个按照非递减顺序排列的整数数组 nums，和一个目标值 target。请你找出给定目标值在数组中的开始位置和结束位置。...我们将这道题拆解成两个部分，第一部分就是求该元素的左端点，另一部分就是求该元素的右端点。其实这两部分是大同小异，只要弄懂其中一个，另一个就迎刃而解！ 我们首先来讲第一部分——求该元素的左端点。...第一步将这些数据分为两个部分：小于元素和大于等于该元素这两个部分。 第二步就是普通二分算法的代码 注意这里有一个细节，跟普通二分查找算法不同，也是后面细节的“万恶之源”。...2、求中点操作 首先我们要知道为了避免数据的溢出我们采用上面的求中点操作，而不是直接加，可能会数据的溢出。 然后上面的两种算法分别是求左边和右边。...总结：只要左式和右式的操作数不一样，中点就偏向哪边！！！

    2.4K10

    刷题2：在数组中查找元素的第一个和最后一个位置

    题目：给定一个的整数数组 nums， 和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。...题目解析： 1.给定一个数组，确定的是一个数组， 数组是整数，那么我们可以知道，那么target的也是整数。...2.要求target的在数组中开始位置和结束位置，我们可以先找出来target的在list里面的下标位置，把这些下标位置放到list里面，我们去取list里面的第一个元素和最后一个元素，就是对应的开始位置和结束位置...那么我们就可以上手去实现我们的代码了。 从这期开始，我们的代码将用python 和java两个版本去实现，同时从两方面去提高我们的，同时 也面向了两门语言的学习者。...那么我们测试完毕，根据测试覆盖率来说，我们目前的测试是已经完成了覆盖了百分之百的路径和代码。 后续会陆续给大家分享更多的题目，更多的代码，大家一起成长，一起刷题。

    3.2K20

    LeetCode-34-在排序数组中查找元素的第一个和最后一个位置

    # LeetCode-34-在排序数组中查找元素的第一个和最后一个位置 给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。...target，等于则返回[0,0]，否则返回[-1,-1] 初始化头尾指针 移动头指针，直到找到第一个等于target的位置，如果找完了都没有找到，返回[-1,-1] 移动尾指针，直到找到最后一个等于target...的位置，如果找完了都没有找到，返回[-1,-1] 当头尾指针相同时，说明只有一个target，返回当前位置[start,start]或[end,end] 反之，返回头尾指针区间[start,end] 方法...时，说明target在mid左方，end = mid-1 当nums[mid]==target时，说明左右边界有一个地方等于target，这时候只需要查找另外一个边界等于target的即可，可以进行循环移动查找...，最后返回[start,end]即可 如果没有找到，返回[-1,-1] 方法3、递归分治(low)： 通过二分查找切分数组寻找左右子数组的target位置，迭代到只有一个，判断是否是目标值，返回一个都是当前

    3.3K20

    leetcode-34-在排序数组中查找元素的第一个和最后一个位置

    题目描述： 给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。 你的算法时间复杂度必须是 O(log n) 级别。...： vector searchRange(vector& nums, int target)  说明： 1、这道题给定一个vector和一个target，vector中装着升序的一个数组...按照二分法的思路，我们可以这样子设计： ①首先根据二分法找到vector中的某个target元素，这个元素是一串target元素中的某一个，记这个元素的索引是med。...这个元素的下一个元素，也就是一串target元素中的第一个。...这个元素的前一个元素，也就是一串target元素中的最后一个。

    4.5K40

    Leetcode No.34 在排序数组中查找元素的第一个和最后一个位置

    一、题目描述 给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。 如果数组中不存在目标值 target，返回 [-1, -1]。...进阶： 你可以设计并实现时间复杂度为 O(log n) 的算法解决此问题吗？...2、mid=(low+high)/2 3、假如low等于high，返回下标mid 4、假如nums[mid]等于target且nums[mid]比相邻的左侧元素大，返回下标mid 5、当目标值小于等于...nums[mid]时，说明目标值在左侧，往左侧递归查找，否则往右侧递归查找 查找最后一个位置同理，唯一不同的是第4、5步 4、假如nums[mid]等于target且nums[mid]比相邻的右侧元素小...mid]<nums[mid+1]){ return mid; } if(target>=nums[mid]){ //寻找最后一个位置

    3K10

    leetcode34-在排序数组中查找元素的第一个和最后一个位置

    前言 今天刷的题目是：在排序数组中查找元素的第一个和最后一个位置，这道题目在最开始AC以后，然后做了两步的优化操作，供大家参考。...题目 leetcode-34:在排序数组中查找元素的第一个和最后一个位置 分类（tag）:二分查找这一类 英文链接：https://leetcode.com/problems/find-first-and-last-position-of-element-in-sorted-array...nums，和一个目标值 target。...找出给定目标值在数组中的开始位置和结束位置。 你的算法时间复杂度必须是 O(log n) 级别。 如果数组中不存在目标值，返回 [-1, -1]。...首先就是找最左侧的下标，利用二分查找首先是找到有一个值是与目标值target是相等的，然后因为是找最左侧的下标，所以把right=mid-1来一直往左边去逼近最左侧的值； 至于找最右侧的下标就是，将left

    3.7K30

    LeetCode144|在排序数组中查找元素的第一个和最后一个位置

    一，在排序数组中查找元素的第一个和最后一个位置 1，问题描述 给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。...： 输入：nums = [], target = 0 输出：[-1,-1] 提示： 0 <= nums.length <= 105 -109 <= nums[i] <= 109 nums 是一个非递减数组...-109 <= target <= 109 3，题解思路 本题基于我们最熟悉的集合LinkedHashMap键值对集合来做 4，题解程序 import java.util.LinkedHashMap...所以就需要多考虑一些边界值了，这是需要注意的一点。...历史文章汇总 数据结构：王同学下半年曾写过的JDK集合源码分析文章汇总 算法汇总：leetcode刷题汇总(非最终版)

    3.1K20

    在排序数组中查找元素的第一个和最后一个位置

    前言 今天主要讲解的内容是：如何在已排序的数组中查找元素的第一个和最后一个位置。以 leetcode 34 题作为例题，提供二分查找的解题思路，供大家参考。...所以可以通过二分查找的方法来解答此题； 如何查找元素的第一个位置？...1)，不断向 mid 的左侧收缩，最后达到锁定左边界（元素的第一个位置）的目的； 如何查找元素的最后一个位置？...举栗 以 nums = [5,7,7,8,8,10], target = 8 为栗子，通过下图来找出目标值 8 在数组中出现的第一个和最后一个位置。...查找元素的第一个和最后一个位置代码： // C语言版本 int GetTargetPosition(int* nums, int numsSize, int target, int locFlag)

    3.5K20

    LeetCode题目34：在排序数组中查找元素的第一个和最后一个位置

    原题描述 + 给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。 你的算法时间复杂度必须是 O(log n) 级别。...leetcode-cn.com/problems/find-first-and-last-position-of-element-in-sorted-array 思路解析 + 毫无疑问，时间复杂度O(log n)和升序数组...此时由于我们已经知道nums[mid]不等于target，所以lower要挪动到mid+1的位置。 那么这种情况下，当lower和higher相撞，该点一定是左边界。...但如果复用上面的逻辑，每次挪动时令lower=mid+1，那么最终lower一定会与higher相撞于最后一个target的后一个位置。此时lower-1才是所求。...实现时，为了能重用二分查找逻辑，可以增加一个参数来控制寻找左边界还是右边界。

    4K20

    LeetCode - #34 在排序数组中查找元素的第一个和最后一个位置（Top 100）

    LeetCode 算法到目前我们已经更新了 33 期，我们会保持更新时间和进度（周一、周三、周五早上 9:00 发布），每期的内容不多，我们希望大家可以在上班路上阅读，长久积累会有很大提升。...如果大家有建议和意见欢迎在文末留言，我们会尽力满足大家的需求。 难度水平：中等 1. 描述 给定一个按照升序排列的整数数组 nums，和一个目标值 target。...找出给定目标值在数组中的开始位置和结束位置。 如果数组中不存在目标值 target，返回 [-1, -1]。 进阶： 你可以设计并实现时间复杂度为 O(log n) 的算法解决此问题吗？ 2....输入：nums = [], target = 0 输出：[-1,-1] 约束条件： 0 <= nums.length <= 10^5 -10^9 <= nums[i] <= 10^9 nums 是一个非递减数组...时间复杂度： O(logn) 空间复杂度： O(1) 该算法题解的仓库：LeetCode-Swift[2] 点击前往 LeetCode[3] 练习 特别感谢 Swift社区 编辑部的每一位编辑，感谢大家的辛苦付出

    2K20

    ​LeetCode刷题实战34：在排序数组中查找元素的第一个和最后一个位置

    算法的重要性，我就不多说了吧，想去大厂，就必须要经过基础知识和业务逻辑面试+算法面试。所以，为了提高大家的算法能力，这个公众号后续每天带大家做一道算法题，题目就从LeetCode上面选 ！...今天和大家聊的问题叫做在排序数组中查找元素的第一个和最后一个位置，我们先来看题面： https://leetcode-cn.com/problems/find-first-and-last-position-of-element-in-sorted-array...题意 给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。 你的算法时间复杂度必须是 O(log n) 级别。...版本2:是指二分法执行完毕,返回target在最左边的位置,在求出另一个边界! 关于详细说明,请看这篇[二分搜索](二分查找有几种写法？它们的区别是什么？...LeetCode刷题实战26：删除排序数组中的重复项 LeetCode刷题实战27：移除元素 LeetCode刷题实战28：实现 strStr() LeetCode刷题实战29：两数相除 LeetCode

    1.5K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券