有关css3的target伪类的问题

最新推荐文章于 2024-09-18 21:38:12 发布
最新推荐文章于 2024-09-18 21:38:12 发布
阅读量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选择器、颜色、文本、盒模型、私有化前缀
weixin_43750162的博客
02-13 254
选择器 属性选择器 其特点是通过属性来选择元素，具体有以下 5 种形式： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">
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 3372
什么是CSS伪类？通常选择器不能表现HTML元素或属性的状态，我们可以在CSS选择器上添加伪类表示元素的状态、特征。伪类名写在选择器的:冒号后面，必要时可以添加(),例如：#comments:not(:target)。:target伪类用来指定那些包含片段标识符的 URL 的目标元素样式。
图解css3:target选择器
博客
08-22 2246
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 741
随着Web技术的发展，CSS3引入了一系列新的伪类和伪元素，极大地丰富了Web开发者的工具箱。这些新增的伪类和伪元素不仅增强了网页的表现力，还提供了更多的交互性和可定制性选项。本文将详细介绍CSS3中新增的伪类与伪元素，通过丰富的示例和实用的技巧帮助开发者更好地理解和应用它们。通过本文的学习，你已经掌握了CSS3中新增的伪类与伪元素的基础知识，以及它们在实际开发中的应用方法。/* 选择属于其父元素从后往前数的第2个类型的子元素 *//* 选择属于其父元素的第2个类型的子元素 */
CSS3 : target伪类 实现Tab切换效果
qq_095的博客
09-04 487
CSS3 : target伪类 实现Tab切换效果 本Tab切换效果纯CSS3制作，无任何JavaScript <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .tablist {
CSS的:target伪类：动态URL定位样式的指南
2401_85339615的博客
08-18 624
伪类选择器是CSS中用来选择元素的特定状态或属性的关键字。例如，:hover伪类用于选择鼠标悬停时的元素。:target伪类则用于选择当前URL中指向的元素。
CSS3新增伪类汇总
热门推荐
小红帽的博客
06-02 1万+
:root 选择文档的根元素，等同于 html 元素 :empty 选择没有子元素的元素 :target 选取当前活动的目标元素 :not(selector) 选择除 selector 元素意外的元素 :enabled 选择可用的表单元素 :disabled 选择禁用的表单元素 :checked 选择被选中的表单元素 :after 在元素内部最前添加内容
CSS3 target伪类简介
02-14
### CSS3 `:target` 伪类详解 #### 一、引言 随着Web技术的不断进步和发展，CSS3作为新一代的层叠样式表标准，为网页设计带来了诸多强大而实用的功能。其中，`:target`伪类作为一种重要的选择器，在交互式网页设计...
解决移动端跳转问题(CSS过渡、target伪类)
12-29
很多刚刚接触移动端的小伙伴都可能对于点击跳转路由这方面有些疑惑，特别是运用了Vue路由，因此这篇文章就带领小伙伴一起尝试用css进行页面跳转 效果如图，由于是移动端，所以选择预览的手机模拟： HTML <...
详解CSS中的伪类与伪元素及二者间的区别
09-24
CSS3中定义了许多伪类，如： 1. **`:link`** - 应用于未访问的链接，通常用来设置链接的初始颜色。 2. **`:visited`** - 应用于用户已经点击过的链接，通常用来区分已访问和未访问的链接。 3. **`:hover`** - 当...
HTML、CSS实现树状图
p_s_p的博客
09-09 844
【代码】HTML、CSS实现树状图。
【CSS】伪类选择器 :root 声明全局CSS变量
千里之行，始于足下
09-18 270
使用伪类选择器 :root 定义全局 css 变量
CSS概览
最新发布
qq_73270720的博客
09-18 781
cascading style css 层叠样式表由W3C制定的网页元素定义规则。
DevExpress WinForms v24.1新版亮点：升级的HTML & CSS支持
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
09-18 801
DevExpress WinForms控件2024年第一个重大版本——v24.1全新发布，新版本更好的支持HTML & CSS、增强文档管理器功能等，欢迎下载最新版体验！
VUE实现刻度尺进度条
u011753609的博客
09-11 577
VUE实现刻度尺进度条
postcss 插件实现移动端适配
a123456234的博客
09-13 636
postcss-pxtorem 是一个 PostCSS 插件，它能够将 CSS 中的像素单位（px）转换为 rem 单位。这使得你可以直接按照设计稿的尺寸编写 CSS，并且通过这个插件自动转换为 rem，从而实现响应式布局，让页面在不同尺寸的设备上也能正确显示。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值