有关css3的target伪类的问题

最新推荐文章于 2024-09-16 23:33:40 发布
最新推荐文章于 2024-09-16 23:33:40 发布
阅读量497 收藏
点赞数
分类专栏： css3 文章标签： css css3 终端 target 手机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yimengyuanyun/article/details/13515141
版权

利用target伪类实现跳转功能，（具体target的使用说明参考网页：http://dev.opera.com/articles/view/css3-target-based-interfaces/），在实现的过程中遇到了一个问题：#tabs:target ~ article在pc机的chrome+safari浏览器都 ， 用手机的UC浏览器访问也可以，不过使用手机socket的原生浏览器，#tabs:target ~ article没有效果，不知道哪位大神能帮忙解决一下？谢谢。。。（具体的测试页面地址可以参考：http://devfiles.myopera.com/articles/3392/example3.html）


yimengyuanyun
关注
专栏目录
CSS3 target伪类简介
02-14
### CSS3 `:target` 伪类详解 #### 一、引言 随着Web技术的不断进步和发展，CSS3作为新一代的层叠样式表标准，为网页设计带来了诸多强大而实用的功能。其中，`:target`伪类作为一种重要的选择器，在交互式网页设计...
解决移动端跳转问题(CSS过渡、target伪类)
12-29
很多刚刚接触移动端的小伙伴都可能对于点击跳转路由这方面有些疑惑，特别是运用了Vue路由，因此这篇文章就带领小伙伴一起尝试用css进行页面跳转 效果如图，由于是移动端，所以选择预览的手机模拟： HTML <...
css3选择器、颜色、文本、盒模型、私有化前缀
weixin_43750162的博客
02-13 254
选择器 属性选择器 其特点是通过属性来选择元素，具体有以下 5 种形式： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt;
css3中伪类选择器:target的使用
Hey firefly
04-04 9919
参考资料　CSS3 target伪类简介今天由于在做任务13，里面有一个子任务是要求用css写出一个简单的图片轮播，刚开始真的是完全没有思路，想着不用js怎么绑定点击事件呢，看了别人的一些实现方法，发现:target是一个神奇的东西。如果想看用css3实现的图片轮播，狠狠点击这里demo刚开始接触:target时，真的是一头雾水，觉得这个是个什么东西，怎么能处理点击事件呢。看了差不多五六篇博客还有简
css 伪类target_使用：target伪类的纯CSS单击处理程序（无JavaScript）
08-13 492
css 伪类targetThere’s often a point when you’re building a website, especially a simple landing page, when you realize you’re going to have to introduce some JavaScript. CSS, however, can often do a lot...
:target 伪类使用技巧
tanj's note
11-07 3373
什么是CSS伪类？通常选择器不能表现HTML元素或属性的状态，我们可以在CSS选择器上添加伪类表示元素的状态、特征。伪类名写在选择器的:冒号后面，必要时可以添加(),例如：#comments:not(:target)。:target伪类用来指定那些包含片段标识符的 URL 的目标元素样式。
图解css3:target选择器
博客
08-22 2247
1.基本选择器，层次选择器 2.动态伪类选择器（:link,:visited,:hove,:active,:focus）ie8支持    目标伪类选择器（:target）
CSS3新增伪类有哪些?
weixin_47450807的博客
04-05 4770
一、写在前面 css3中新增了很多的伪类，下面我们将对新增的伪类进行总结。 二、总结 2.1、elem:nth-child(n)选中父元素下的第n个子元素，并且在这个子元素的标签名为elem，n可以接受具体的数值，也可以接受函数。 2.2、elem:nth-last-child(n)作用同上，不过是从后开始查找。 2.3、elem:last-child选中最后一个子元素。 2.4、elem:only-child如果elem是父元素下唯一的子元素，则选中之。 2.5、elem:nth-of-type(n):查
前端CSS：CSS3新增伪类与伪元素
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-23 742
随着Web技术的发展，CSS3引入了一系列新的伪类和伪元素，极大地丰富了Web开发者的工具箱。这些新增的伪类和伪元素不仅增强了网页的表现力，还提供了更多的交互性和可定制性选项。本文将详细介绍CSS3中新增的伪类与伪元素，通过丰富的示例和实用的技巧帮助开发者更好地理解和应用它们。通过本文的学习，你已经掌握了CSS3中新增的伪类与伪元素的基础知识，以及它们在实际开发中的应用方法。/* 选择属于其父元素从后往前数的第2个类型的子元素 *//* 选择属于其父元素的第2个类型的子元素 */
CSS3 : target伪类 实现Tab切换效果
qq_095的博客
09-04 487
CSS3 : target伪类 实现Tab切换效果 本Tab切换效果纯CSS3制作，无任何JavaScript &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; .tablist {
CSS的:target伪类：动态URL定位样式的指南
2401_85339615的博客
08-18 628
伪类选择器是CSS中用来选择元素的特定状态或属性的关键字。例如，:hover伪类用于选择鼠标悬停时的元素。:target伪类则用于选择当前URL中指向的元素。
css3新增伪类和伪元素。
qq_52449203的博客
11-22 365
css3新增伪类和伪元素。
详解CSS中的伪类与伪元素及二者间的区别
09-24
CSS3中定义了许多伪类，如： 1. **`:link`** - 应用于未访问的链接，通常用来设置链接的初始颜色。 2. **`:visited`** - 应用于用户已经点击过的链接，通常用来区分已访问和未访问的链接。 3. **`:hover`** - 当...
CSS——弹性盒子布局（display: flex）
懒羊羊大王的博客
09-14 1542
Flexbox或者是弹性布局，它的全称叫做弹性盒子布局，那么它到底该如何实现呢？从我们熟悉的 display 属性开始。给元素添加 display: flex，该元素变成了一个弹性容器（flex container），它的直接子元素变成了弹性子元素（flex item）。那么我们该如何具体地操作使用呢？下面我们来进行细致深入的学习。
《CSS新世界》书评
zhangxueyi的专栏
09-13 457
这本书是“CSS世界三部曲”中的最后一部，全书近600页，内容丰富，涵盖了CSS的全局知识、已有属性的增强、新布局方式、移动开发中的CSS新特性、CSS变量、文本和图像内容的增强、滤镜和混合模式、用户行为相关CSS等多个方面。《CSS新世界》的主要目标是帮助前端开发者突破CSS技能提升的瓶颈，适合具有一定CSS基础的前端开发者阅读。总的来说，《CSS新世界》是一本全面、深入且实用的CSS学习书籍，无论是对于想要深入了解CSS新特性的前端开发者，还是对于希望提升自己CSS技能的读者，都是一本值得一读的好书。
HTML、CSS实现树状图
p_s_p的博客
09-09 1018
【代码】HTML、CSS实现树状图。
Layout 布局组件快速搭建
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
09-13 1458
Layout 布局组件快速搭建： 1. 设置主题样式变量 2. 封装公共布局组件 3. 经典布局 4. 水平布局 5. 响应式布局 6. 搭建 Layout 布局组件 7. 添加 Layout 路由配置 8. 启动项目
CSS——网格布局（display: grid）之上篇
最新发布
懒羊羊大王的博客
09-16 1573
CSS网格布局（CSS Grid Layout）是一种用于创建复杂网页布局的系统，它允许开发者以二维系统（行和列）来控制元素的布局。跟 Flexbox 类似，网格布局也是作用于两级的 DOM 结构。设置为 display: grid 的元素成为一个网格容器（grid container）。它的子元素则变成网格元素（grid items）。下面将详细介绍网格布局：
8- 【JavaWeb】用HTML和CSS来创建一个简洁的登录界面
weixin_44329069的博客
09-12 726
我们将使用HTML和CSS来创建一个简洁、现代的登录界面。
纯CSS3手风琴菜单教程：利用:target伪类实现
在这个教程中，我们将学习如何利用CSS3的:target伪类创建手风琴风格的菜单，这种菜单通常用于网页导航，以节省空间并提供良好的用户体验。手风琴菜单只显示一个子菜单项，当用户点击其他菜单项时，当前打开的子菜单...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值