`
zhouyrt
  • 浏览: 1158992 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

书写css伪类时冒号前或后多个空格导致该规则失效

CSSHTML.net 
阅读更多

相信多数开发者不会多个空格。
是偶然发现的，网上多数css格式化将压缩后的css格式化后会发生这个情况。

搜“css格式化”，以下网站

http://www.jb51.net/tools/cssyasuo.shtml
http://www.ttmouse.com/geshi.html

格式化后会多出个空格，多出空格后样式规则失效了。

 

<!DOCTYPE html>
<html>
  <head>
    <title>书写css伪类时冒号后多个空格导致该规则失效</title>
	<meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
	<style type="text/css">
		a:link{color : gray;}
		a:visited{color : red;}
		/* 冒号后多了个空格 */
		a: hover{color : yellow;}
	</style>
  </head>
  
  <body>
		<a href="http://www.sina.com">sina</a>
  </body>
</html>

 

 

 

 

0
顶
0
踩
分享到：
| JavaScript模态对话框类
评论
2 楼 libmw 2010-12-08  
这个应该是格式化工具的bug吧
1 楼 暴走的酱油瓶 2010-12-07  
冒号前有空格，也不行
发表评论

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

相关推荐

    书写css伪类时冒号后多个空格导致该规则失效

    书写css伪类时冒号后多个空格导致该规则失效&lt;/title&gt; &lt;meta http-equiv=”Content-Type” content=”text/html;charset=gbk”/&gt; &lt;style type=”text/css”&gt; a:link{color : gray;} a:visited{...

    CSS伪类集合

    `pseudo-class` 是伪类名称，表示该元素的状态或上下文环境；`property` 和 `value` 分别代表具体的CSS属性和相应的值。 例如： ```css a:link { color: blue } ``` 这段代码表示所有未被访问过的链接 (`a` 元素)...

    css动画 伪类基础使用实例

    伪类是CSS中用于选择元素的特定状态，如`:hover`（鼠标悬停时）、`:active`（被激活时，如按键或点击）和`:focus`（获得焦点时）。它们可以用来改变元素在特定条件下的样式，提高用户体验。 例如，创建一个鼠标悬停...

    前端代码项目，穿搭速递，列表链接css伪类，一个网页项目

    在前端开发领域，创建引人入胜且交互...在这个项目中，通过实践和理解这些CSS伪类，开发者不仅能提升"穿搭速递"网页的视觉吸引力，还能加深对前端开发中CSS应用的掌握，从而在未来的工作中创造出更多高质量的网页项目。

    CSS：CSS伪类与伪元素教程.docx

    CSS：CSS伪类与伪元素教程.docx

    CSS伪类全解析：深入探索选择器的隐藏力量

    CSS的层叠性质意味着多个样式规则可以应用于同一个元素，最终样式由特定的层叠规则决定。 CSS是构建现代网页不可或缺的一部分，它与HTML和JavaScript一起，构成了网页开发的三大核心技术。**CSS（层叠样式表）**是...

    页面刷新后CSS失效

    ### 页面刷新后CSS失效问题解析及解决方案 #### 一、问题背景 在Web开发中，尤其是在使用C#进行ASP.NET开发时，可能会遇到一个常见问题：页面在使用`Response.Write`方法动态插入HTML代码后，刷新页面时CSS样式...

    书写高效的CSS

    ### 书写高效的CSS #### 概述 在Web开发领域，CSS（层叠样式表）是一种用于描述HTML或XML文档的外观和格式的语言。随着Web技术的发展与网站复杂度的提升，编写高效的CSS成为了前端工程师的一项必备技能。本文将...

    详解CSS中的伪类与伪元素及二者间的区别

    CSS很多的建议并没有得到浏览器的支持，但有四个可以安全使用的用在连接上的CSS伪类。1.link用在为访问的连接上。2.visited用在已经访问过的连接上。3.hover用于鼠标光标置于其上的连接。4.active用于获得焦点(比如...

    css-div的border属性使用&伪元素伪类.docx

    例如，当四个边框的宽度和颜色都相同时，会形成一个规则的正方形边框。如果仅设置部分边框，如只设置左边和下边，可以创建出类似三角形的效果，就像第二个示例中那样。 此外，伪元素`::before`和`::after`被用来...

    css书写代码要求规范

    - **多选择器独占一行**：[强制] 当一个规则包含多个选择器时，每个选择器声明必须独占一行。 ```css .post, .page, .comment { line-height: 1.5; } ``` - **特殊选择器空格**：[强制] `&gt;`、`+`、`~`选择器...

    ASP.NET 2.0中CSS失效的问题总结

    ASP.NET 2.0 中CSS失效的问题涉及到多个层面，这些情况可能会导致网页样式无法正常显示。以下是关于这些问题的详细分析及解决策略： 1. **CSS文件路径不正确**： 当CSS文件路径设置为相对路径时，如果内容页与母版...

    Emmet语法与CSS结构伪类详细介绍

    本文档介绍了Emmet的基础及其对于前端开发工作者效率提升的作用，详细解读Emmet常用的语法符号如&gt;（后代）、+（兄弟）、*（多个），以及属性、内容的简写方式。同时介绍了各种常用的结构伪类选择符，比如:nth-child,...

    浅谈CSS伪类与伪元素

    由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。 伪类选择...

    CSS网页布局教程：CSS伪类定义3种方法

    总结来说，CSS伪类提供了在不同状态或条件下的样式控制，如链接的不同状态（未访问、已访问、鼠标悬停和活动状态）。理解并熟练运用这三种伪类定义方法能帮助开发者创建更具吸引力和交互性的网页布局。在实际应用中...

    Eric Meyer谈css.pdf

    当有多个规则应用于同一个元素时，特异性高的规则将覆盖特异性低的规则。 对于CSS的高级技术，如继承、层叠、权重计算等，也是CSS学习中的重要部分，理解这些概念对于解决样式冲突和优化样式表都是非常有帮助的。 ...

    css命名及书写规范.rar

    下面我们将深入探讨CSS命名及书写规范的多个方面。 一、CSS命名规范 1. **语义化命名**：使用描述性的名称，如`.header`、`.main-content`，使代码阅读者能快速理解样式的作用。 2. **避免使用内联样式**：将样式...

    css中文手册 css样式表

    4. **层叠（Cascading）**：CSS中的“层叠”意味着当有多个样式应用于同一元素时，浏览器会根据权重决定应用哪个样式。权重由选择器的类型决定，ID选择器权重最高，类次之，标签最低，内联样式权重最高。 5. **继承...

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