微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

不用js,让css选择指定索引元素,兼容低版本IE的_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:49:53
原创
1144人浏览过


如图这种效果,2个LI,第一个和第二个中间有空隙最左和最有没空隙,要低版本IE支持,比如IE6,7什么的,只用css能实现吗?

Tellers AI
Tellers AI

Tellers是一款自动视频编辑工具，可以将文本、文章或故事转换为视频。

Tellers AI 78
查看详情 Tellers AI

回复讨论(解决方案)

用条件注释判断浏览器.



还有gt lt gte lte

用条件注释判断浏览器.



条件判断又怎么在IE6,7里面让第一个LI和第二个之间有间隔,


用条件注释判断浏览器.



条件判断又怎么在IE6,7里面让第一个LI和第二个之间有间隔,
间隔?那就直接写CSS hack
http://blog.csdn.net/freshlover/article/details/12132801

就两个li？ 

<style type="text/css">ul{margin:0;padding:0;}li{list-style:none;width:100px;height:50px;background:red;}li.left{float:left;}li.right{float:right;}</style><ul><li class="left"></li><li class="right"></li></ul>
登录后复制

就两个li？ 

<style type="text/css">ul{margin:0;padding:0;}li{list-style:none;width:100px;height:50px;background:red;}li.left{float:left;}li.right{float:right;}</style><ul><li class="left"></li><li class="right"></li></ul>
登录后复制


不是的，你这样定义很不好的，
建议去看下CSS基础教程。
http://w3school.com.cn/css/index.asp
有时间CSS3的也看下。

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：前端优化-服务器端-减少Http次数_html/css_WEB-ITnose 下一篇：div中img根据不同分辨率居中显示，超出部分隐藏_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
在AMP页面中实现CSS动画效果的最佳实践 本文旨在解决在AMP（AcceleratedMobilePages）页面中实现CSS动画，特别是背景渐变动画时遇到的兼容性问题。由于AMP对页面结构和样式有严格限制，直接在body标签上应用动画通常无效。解决方案是创建一个内部div元素，并将其设置为占据整个视口高度，然后将所有CSS动画样式应用于此div，从而在符合AMP规范的前提下实现动态视觉效果。
2025-11-21 13:02:44
600
将相对日期显示转换为绝对时间戳的JavaScript教程 本教程详细介绍了如何利用JavaScript将网页中以“X月Y天前”等相对格式显示的日期转换为HTML元素data属性中存储的ISO8601绝对时间戳。文章通过分析HTML结构、提供JavaScript代码示例和实践考量，指导开发者实现动态日期格式转换，提升信息展示的精确性与用户体验。
2025-11-21 13:02:27
688
解决JavaScript点击游戏升级按钮失效：函数重定义陷阱与优化实践 本文针对JavaScript点击游戏中升级按钮仅能点击一次后报错的问题，深入分析了函数内部变量与函数同名导致的重定义错误。文章提供了直接的修复方案，并进一步介绍了如何通过引入新变量来正确管理升级状态，同时强调了良好的变量命名规范和代码组织结构，旨在帮助开发者避免此类常见错误并提升代码质量。
2025-11-21 12:59:56
637
JavaScript中生成两个依赖随机数：确保一个数始终大于另一个数 本文旨在教授如何在JavaScript中生成两个依赖的随机数x和y，并确保x始终大于y。核心策略是先生成较小的数y在一个指定范围内，然后基于y的值，在y+1到最大值之间生成较大的数x，从而保证x>y的条件始终成立。
2025-11-21 12:59:34
425
JavaScript函数动态重执行：无需页面刷新实现交互更新 本文旨在指导如何在不刷新整个页面的前提下，通过JavaScript动态地重新执行特定函数，从而实现局部内容的更新和交互效果。核心方法是利用JavaScript事件和事件监听器，根据用户操作或其他程序逻辑触发函数的再次调用。通过这种机制，开发者可以创建响应式且高效的Web应用，避免不必要的页面加载，提升用户体验。
2025-11-21 12:59:02
550
解决通过程序化设置输入值导致表单提交失败的问题 当开发者通过JavaScript程序化地设置表单输入字段的值时，可能会遇到表单无法正常提交的问题，而手动输入则无此障碍。本文将探讨这一现象的原因，并提供两种解决方案：优先推荐使用HTML原生的和元素以确保语义正确性和可靠性，同时也会介绍如何通过模拟用户事件来解决现有字段的提交问题。
2025-11-21 12:57:44
911
JavaScript DOM遍历实现文档关键词自动链接：精确控制与元素排除 本文详细介绍了如何使用JavaScriptDOM遍历技术，在HTML文档中查找预定义关键词列表，并将其自动转换为带有链接的文本。教程着重于如何精确地操作文本节点，同时智能地跳过特定HTML元素（如按钮、文本域、已存在的链接或元素属性），以避免不必要的修改和潜在的结构破坏。通过递归函数和DOM操作，提供了一种比纯正则表达式更健壮、更可控的解决方案。
2025-11-21 12:57:25
505
使用CSS实现带彩色圆圈编号且兼容Strong标签的有序列表 本文探讨了如何使用纯CSS为有序列表创建带有彩色圆形编号的自定义样式，同时确保列表内容（包括语义化的标签）能够正确渲染并自动缩进换行文本。通过结合CSS计数器、伪元素和定位属性，我们提供了一个优雅且易于维护的解决方案，避免了传统方法中遇到的缩进问题或与display:flex的冲突。
2025-11-21 12:57:05
867
CSS实现响应式容器内元素等比例缩放：利用Padding技巧保持宽高比 本文详细介绍了如何利用CSS的padding-bottom技巧，结合position:relative和position:absolute，实现容器及其内部元素的自动等比例缩放，从而在响应式布局中保持内容完整的宽高比。这种方法尤其适用于创建如在线简历、视频播放器或图片展示等需要固定比例的响应式组件，确保在不同屏幕尺寸下视觉效果一致且内容不失真。
2025-11-21 12:56:20
237
如何使用CSS和JavaScript实现鼠标悬停显示隐藏元素（例如：巨型菜单） 本教程详细指导如何利用CSS的相邻兄弟选择器（+）、通用兄弟选择器（~）或JavaScript事件监听器，实现鼠标悬停时平滑显示一个隐藏的DIV容器（如巨型菜单）。文章将深入解析不同CSS选择器的作用机制及适用场景，并提供完整的HTML、CSS和JavaScript代码示例，帮助开发者根据具体DOM结构选择最优化方案，确保交互效果流畅且兼容性良好。
2025-11-21 12:51:48
326
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部