`
tntxia
  • 浏览: 1507361 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

CSS中ID的问题

CSSHTML浏览器 
阅读更多

在HTML里面多个元素，有同一个ID的情况是会被浏览器兼容，这是一种怪异模式（quirks mode）

 

但在CSS里面呢？他会怎么判断呢？

 

我做了这样一个测试。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试</title>
<style>
	#testId{
		color:red;
	}
</style>
</head>
<body>
<div id="testId">hello</div>
<div id="testId">hello</div>
<div id="testId">world</div>
</body>
</html>

 

我写了上面的代码，用IE6和Firefox3.0测试了一个，所有id为testId的元素，都会被应用样式，所以证明CSS也会兼容这种重复ID的情况，它会把所有相同ID的元素都应用样式。

 

 

分享到：
| 基于Float的布局
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS中CLASS和ID的区别.doc

    首先，从语法上看，`id`和`class`的选择器在CSS文件中以不同的符号表示。`id`选择器使用井号`#`作为前缀，如`#exampleId`，而`class`选择器则使用点`.`作为前缀，如`.exampleClass`。 其次，`id`和`class`在页面中...

    CSS2.0 中文手册

    1. **选择器**：CSS2.0中的选择器包括标签选择器、类选择器、ID选择器、属性选择器和伪类等。例如，`p`用于选取所有段落，`.class`用于选取具有特定类的元素，`#id`用于选取具有特定ID的元素。此外，组合选择器如`E ...

    jquary api中文和css中文手册

    jQuery API-100214.chm文件中详细列出了jQuery的所有函数和方法，包括选择器（如$("#id")用于选取ID为"id"的元素）、遍历（如.children()用于获取元素的直接子元素）以及操作DOM（如.append()用于在元素内部添加内容...

    css中文手册. css中文手册

    在盒模型章节，你会学习到如何控制元素的边距、填充和尺寸，理解CSS中的内容区域、内边距、边框和外边距的概念，这对于创建精确的页面布局至关重要。 布局部分涵盖了流体布局、网格系统、Flexbox和Grid布局等内容，...

    CSS2中文手册

    CSS2在现代浏览器中得到了广泛支持，但在一些较旧的浏览器或移动设备上可能存在兼容性问题。开发者需要关注这些差异，必要时使用条件注释或工具来确保跨浏览器的一致性。 **5. 学习和应用** 这个“CSS2中文手册.chm...

    css样式表中文手册

    **CSS（层叠样式表）**是Web前端开发中的核心技术之一，用于定义网页的布局、颜色、字体等视觉效果。CSS样式表手册是开发者学习和查阅CSS规则的重要参考资料，尤其对于中文用户，中文手册能更直观、准确地理解概念和...

    CSS 词典（CSS中文手册）

    1. **选择器（Selectors）**：选择器是CSS用来定位文档中需要应用样式的元素的方式，如标签选择器（`p`）、类选择器（`.myClass`）、ID选择器（`#myID`）、属性选择器（`[type="text"]`）以及伪类和伪元素（`:hover`...

    css2中文手册学习

    1. **选择器与声明**：CSS2的选择器允许你精确地定位到文档中的元素，如标签选择器（例如`&lt;p&gt;`）、类选择器（`.class`）和ID选择器（`#id`）。声明则是由属性和值组成的，例如`color: red;`用于设置文本颜色。 2. *...

    CSS中文完全参考手册

    1. **CSS基础**：介绍CSS的基本语法，如选择器的使用（元素选择器、类选择器、ID选择器等）、属性声明、优先级规则，以及如何在HTML文档中引入CSS（内部样式、外部样式表和内联样式）。 2. **盒模型**：详细解释CSS...

    css浏览器兼容问题

    随着Web技术的发展，不同的浏览器对于CSS的支持程度也有所不同，这导致了在开发过程中经常会遇到浏览器之间的兼容性问题。本文旨在总结和分享一系列关于CSS兼容性的技巧，帮助开发者更好地解决在不同浏览器（如IE6-...

    CSS2中文手册下载

    1. **响应式设计**：尽管CSS3中的媒体查询更强大，但CSS2的`@media`规则也能实现简单的响应式设计。 2. **布局控制**：通过组合使用`display`属性（如`block`、`inline`、`inline-block`等）和浮动，可以创建各种...

    css2+css3Chm中文手册

    在《CSS2+CSS3中文手册》中，开发者可以找到关于选择器的详细规则，包括基本选择器、类选择器、ID选择器、属性选择器以及伪类和伪元素等。此外，手册还会讲解盒模型，这是理解元素尺寸和布局的关键概念。还有颜色、...

    CSS,在adf中创建css

    使用浏览器的开发者工具（如Chrome的DevTools），可以实时查看和编辑CSS，快速定位和解决问题。 10. **性能优化**： 最后，要注意CSS性能。避免使用过于复杂的 selectors，减少不必要的重绘和回流，合理组织和...

    css样式表中文补丁下载 css样式表中文补丁下载

    安装汉化补丁后，用户可以更方便地理解Dreamweaver中的CSS相关术语，例如选择器（selector）、属性（property）、值（value）、类（class）、ID（id）等。此外，补丁还会将各种CSS规则和功能的描述转化为中文，如盒...

    CSS2 中文手册,Css 样式控制速查手册

    虽然现在大多数现代浏览器都支持CSS2，但在老版本或非主流浏览器中可能存在问题，因此需要适当地进行跨浏览器测试。 通过阅读《CSS2中文手册》，你将能深入理解这些概念，并学会如何利用它们来创建响应式、易读且...

    css手册 css帮助字典 css帮手

    8. **浏览器兼容性**：CSS 2.0的广泛使用意味着大多数现代浏览器都支持其规范，但在实际开发中，仍需关注不同浏览器的兼容性问题。 总之，“CSS手册 CSS帮助字典 CSS帮手”提供了一个全面的CSS 2.0参考，对于开发者...

    常用的css模板css

    8. **浏览器兼容性**：虽然CSS是标准，但不同浏览器对某些特性的支持程度不一，因此需要了解各浏览器的兼容性问题，以及如何使用前缀或者工具来解决这些问题。 总的来说，这个资源包提供了学习和实践CSS布局的好...

    css和js的浏览器兼容问题汇总

    本文主要探讨CSS和JavaScript在IE（Internet Explorer）和其他非IE内核浏览器如Firefox、Chrome、Opera中的兼容性问题。 首先，IE浏览器虽然市场份额较大，但其各个版本（如IE6、IE7、IE8）对CSS和JavaScript的支持...

Magicbox
Global site tag (gtag.js) - Google Analytics