伪元素：target的妙用

最新推荐文章于 2021-06-10 11:47:17 发布
最新推荐文章于 2021-06-10 11:47:17 发布
阅读量342 收藏
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43711470/article/details/104884394
版权

使用：hover时，一般情况下，都是点击较大（父元素）元素，来控制子元素的变化，合理使用：target可以实现子元素控制外围元素的变化（不使用JS）。<代码详见附件>

hey灬小明先森
关注
对CSS3伪类选择器 target的应用
qq_44820039的博客
04-18 572
最近学习了CSS3认识到了很多新的选择器，我发现一个好玩的的伪元素选择器—— :target 。 首先介绍target，然后在写两个小案例。 定义和用法： #锚点的名称是在一个文件中连接到某个元素的URL。元素被链接到目标元素。 :target选择器可用于当前活动的target元素的样式 语法： :target{ css语法 } 案例： 一、点击图片切换 在学习 :target 之前这个是...
伪元素:target
qq_41662119的博客
08-03 474
:target 伪类选择器 :target 是 CSS3 新增的一个伪类，可用于选取当前活动的目标元素。当 URL 末尾带有锚名称 #，就可以指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。它需要一个 id 去匹配文档中的 target 。 解释很难理解，看看实际的使用情况，假设我们的 HTML 代码如下：   ...
CSS3起步 02-------伪类/伪元素/target伪类/label标签
h1234561234561的博客
04-04 570
一，链接伪类：:link :visited :hover :activelvha【LV包ha】 注意点：必须按照顺序编写位置，否则失效 二，动态伪类：:hover :active :focus[获取焦点时渲染] 三，表单伪类： :enable :disable :checked[被选中时渲染] 注意点：enable/disable必须配合disable属性判定是否为可编辑输入框或则不可编辑输入框 ...
CSS里的:target伪选择器
默默努力的猪
04-14 736
:target是CSS里一个非常有趣的伪选择器。它在CSS里发生效力的过程是这样的：当浏览器地址里的hash(地址里#号后面的部分)和:target伪选择器指定的ID匹配上时，它的样式就会在这个ID元素上生效。让我们看一看这个:target伪选择器是如何起作用的： 观看演示 HTML代码 下面的两个HTML元素上我们都指定了ID： h2 id="section1">Sect
css3之:target伪类
Focus-Fe
07-29 224
CSS3 target伪类         ------- 用来匹配URI某一个标志符的目标元素。一般url中包含"#"字符，后面带有一个标志符号，如："#top"   1、浏览器支持情况：            除了IE6-8，其他浏览器都支持。          http://caniuse.com/#search=%3Atarget    2、使用方式：     ...
html 伪元素作用,:before,:after伪元素妙用
weixin_39736934的博客
06-10 854
本文作者：IMWeb 黎清龙未经同意，禁止转载这两个伪元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容，其实这没有什么前后的概念，如果应用了absolute的特性之后，你可以把这些伪元素放在任何位置，有了这两个伪元素，就代表每个元素都有两个助手可供使用，灵活运用它们的话将会得到很多有趣的实现，简化许多实现。伪元素特性(目前已经遇到的)它不存在于文档中，所以js无法操...
Maven插件妙用：构建效率提升秘籍
[Maven插件妙用：构建效率提升秘籍](https://ucc.alicdn.com/pic/developer-ecology/bhvol6g5lbllu_287090a6ed62460db9087ad30c82539c.png?x-oss-process=image/resize,s_500,m_lfit) # 2.1 Maven插件的搜索和安装 ...
MATLAB矩阵求逆在机器学习中的妙用：线性回归与主成分分析
![MATLAB矩阵求逆在机器学习中的妙用：线性回归与主成分分析]...# 1. MATLAB矩阵求逆概述 MATLAB中矩阵求逆是一种重要的数学运算，广泛应用于机器学习、数据分析和科学计算等领域。矩阵求逆的本质是求解一个线性方程...
css图标施加动态效果
最新发布
08-19
- *2* [css hover 控制其他元素_CSS实用技巧：伪元素/伪类的妙用](https://blog.csdn.net/weixin_39926613/article/details/110216008)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{...
解决CRIC算法难题：递归与迭代的深度剖析（专家解读）
!...# 1. CRIC算法简介 CRIC（Combinatorial Recursion and Iteration Comparison）算法是计算机科学中的一种重要算法。它以递归和迭代为核心，通过对比和分析两者的性能和适用场景，为解决实际问题提供参考。...
CSS3target伪类元素选择实现类似灯箱效果
CodingNoob
03-29 699
<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } body {
:target 伪类使用技巧
PT - Blog
10-11 564
:target 伪类使用技巧
纯CSS3运用target伪类元素制作手风琴效果
CodingNoob
03-29 796
什么是target伪类元素？查了一下W3C原理就是点击相应的A标签触发相应的锚点，从而实现使用target伪类元素选择相应的内容进行实现，实现代码如下。<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * {
.target 属性详解
suxue1994的博客
02-26 2777
target属性用于返回最初触发事件的DOM元素。 在HTML文档中，我们为 元素绑定点击事件("click")，由于DOM元素的事件冒泡机制，我们点击 元素内的一个元素就可以触发 元素上绑定的click事件。target属性就用于返回最初触发事件的DOM元素，也就是本例中的元素。(currentTarget属性始终返回的都是该 元素) 该属性属于jQuery的Ev...
伪类选择符，target的一些用法
等待のL先森的博客
12-01 472
伪类选择符，target的一些用法 target一般与锚点一起使用。 语法： E:target { sRules } 说明： 匹配相关URL指向的E元素。 下面我做了一个例子，达到了为类似手风琴的效果； 如图·所示： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
html目标选择器有什么用,css :target选择器怎么用？
weixin_31458015的博客
06-03 785
URL 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。:target 选择器可用于选取当前活动的目标元素。CSS3 :target伪类用来改变页面中锚链接URL所指向的ID元素的样式。【相关推荐：css在线手册】例如你要改变描链接指向#tab的元素字体颜色为蓝色，哪么你可以这样写成：#tab:target {color:blue}浏...
应怎样看待 target="_blank" 的使用？
evilcry2012的专栏
11-01 1100
应怎样看待 target="_blank" 的使用？ 或者说，应该在什么情况下使用该属性会比较合理 关注者 181 被浏览 49779 ​1 条评论 ​分享 ​邀请回答 ​举报 ​ 关注问题写回答
css3伪类和伪元素基本使用
shadow_zed的博客
07-09 594
一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。 这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。 所以不要用:
css3中伪类选择器:target的使用
Hey firefly
04-04 9944
参考资料　CSS3 target伪类简介今天由于在做任务13，里面有一个子任务是要求用css写出一个简单的图片轮播，刚开始真的是完全没有思路，想着不用js怎么绑定点击事件呢，看了别人的一些实现方法，发现:target是一个神奇的东西。如果想看用css3实现的图片轮播，狠狠点击这里demo刚开始接触:target时，真的是一头雾水，觉得这个是个什么东西，怎么能处理点击事件呢。看了差不多五六篇博客还有简
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值