终于解决了一个css的bug,发现原来css摆放是有顺序的,有覆盖行为,比如:
a:link {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:visited {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
font-size: 9pt; COLOR: #FF5400; backgroud-color:#333333;TEXT-DECORATION:underline;
}
如果把上述代码替换成:
a:link {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
font-size: 9pt; COLOR: #FF5400;backgroud-color:#333333; TEXT-DECORATION:underline;
}
a:visited {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
这样visited始终就会覆盖掉hover上的冲突属性,造成效果不正常(本例中就会看到鼠标指向后的反转色效果没有出来)
分享到:
相关推荐
在CSS编码过程中,遵循一定的书写规范和顺序至关重要,这不仅有助于提高代码的可读性和维护性,还能确保团队协作时的统一性。以下是对标题和描述中提到的CSS书写规范和顺序的详细说明: **CSS书写顺序:** 1. **...
- `z-index`: 定义元素的堆叠顺序,数字越大,元素越在上层。 - `overflow`: 指定当内容溢出其区域时如何处理,常见值有`visible`、`hidden`、`scroll`和`auto`。 - `page-break-before` 和 `page-break-after`: ...
在2013年3月8日发布的这个版本中,重点强调了“导航定义”和“CSS”的应用,这涉及到网页设计和前端开发的关键技术。 导航定义是指在网站或店铺中设置清晰、直观的导航菜单,帮助用户快速找到他们感兴趣的商品或...
在CSS(层叠样式表)中,我们经常需要对网页中的超链接进行样式定义,以实现不同的视觉效果。超链接有四个不同的状态,每个状态对应不同的用户交互情况。正确理解和应用这四个状态的顺序至关重要,因为不正确的顺序...
在Web开发中,CSS(Cascading Style Sheets)是用于...总之,良好的CSS属性书写顺序是提升代码质量和效率的关键。它不仅可以帮助我们更好地理解代码,还可以在调整样式时减少出错的可能性,确保Web项目的可持续发展。
总之,理解并熟练运用CSS样式的优先级顺序是优化网页设计和确保样式一致性的重要技能。开发者应谨慎使用内联样式,因为它们虽然优先级最高,但可能导致代码难以维护。同时,合理利用ID选择器、类选择器以及组合选择...
总结一下,CSS选择器的优先级顺序是:行内样式 > ID选择器 > 类选择器 > 标记选择器。在编写CSS时,必须考虑到这个优先级顺序,以便正确地控制元素的样式。如果想要一个样式生效,确保它的选择器具有足够高的优先级...
2. 在CSS中定义扑克牌的初始样式和翻转动画,通过添加和删除特定的CSS类来触发动画。 3. 使用jQuery监听用户事件,如点击牌,然后调用相应的JavaScript函数来执行洗牌或翻转动画。 洗牌动画通常涉及随机排序算法,...
5. CSS语法中,选择器后跟花括号 `{}` 内定义属性和值,例如`body {color: black}`,其中`body`是选择器,`color`是属性,`black`是值。 6. 在CSS中插入注释使用`/* ... */`,如`/* this is a comment */`。 7. `...
DIV+CSS 基础知识点 在本节课中,我们将学习 XHTML 和 CSS 的基础...传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用 CSS 排版后,就是通过由 CSS 定义的大小不一的盒子和盒子嵌套来编排网页。
如果有相同权重的规则,那么后定义的样式会覆盖前面的。 CSS还支持盒模型,这是理解元素大小和布局的基础。盒模型包括内容区域、内边距、边框和外边距。每个元素都被视为一个矩形盒子,这些部分共同决定了元素在...
3. **盒模型**:CSS2.0定义了盒模型,这是布局的基础。每个HTML元素都被视为一个矩形盒子,包含边距(margin)、边框(border)、内填充(padding)和实际内容。理解盒模型对于精确控制元素尺寸至关重要。 4. **...
当多个样式规则同时应用于同一元素时,CSS遵循特定的层叠顺序,即优先级规则,来决定最终应用哪个样式。这一顺序通常为:内联样式 > 内部样式表 > 外部样式表 > 浏览器默认样式。此外,还可以使用!important关键字来...
2. 层叠顺序:CSS中的选择器优先级决定了样式的应用顺序,了解权重计算能帮助我们避免样式冲突。 3. 浮动(Float):浮动常用于创建多列布局,但也有其局限性,如元素高度塌陷问题。 4. 定位(Positioning):包括...
`transition`属性用于平滑地改变一个或多个CSS属性,而`animation`属性则可以定义复杂的动画序列。这两个特性结合关键帧(@keyframes)可以创建出丰富动态的用户体验。 5. **Flexbox布局** 弹性盒布局(Flexbox)...
3. **层叠顺序**:CSS的层叠规则决定了哪些样式会被应用,VisualCSS有助于理解并调整这个顺序。 4. **盒模型**:VisualCSS能展示元素的盒模型,包括边距、边框、内填充和内容区域,这对于精确布局和定位非常有帮助...
1. 流动布局(Block Layout):默认情况下,块级元素如`div`会占据整行,行内元素如`span`则按顺序横向排列。 2. 层叠布局(Layered Layout):利用`position`属性(static、relative、absolute、fixed)实现元素的...
在HTML页面设计中,CSS(Cascading Style Sheets)扮演着至关重要的角色,它负责定义网页的布局、颜色、字体等视觉效果。"css1.rar_css水调歌头"这个标题可能是在引用中国古代诗词《水调歌头》的意境,暗示我们将...