`
edwardpro
  • 浏览: 310447 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

原来css是有顺序的

CSS 
阅读更多
终于解决了一个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; TEXT-DECORATION:underline;
}
如果把上述代码替换成:
a:link {
 font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
 font-size: 9pt; COLOR: #FF5400; TEXT-DECORATION:underline;
}
a:visited {
 font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
这样visited始终就会覆盖掉hover上的冲突属性,造成效果不正常。
分享到:
评论

相关推荐

    使用的CSS书写规范、顺序

    在CSS编码过程中,遵循一定的书写规范和顺序至关重要,这不仅有助于提高代码的可读性和维护性,还能确保团队协作时的统一性。以下是对标题和描述中提到的CSS书写规范和顺序的详细说明: **CSS书写顺序:** 1. **...

    CSS属性编写顺序及命名规范

    ### CSS属性编写顺序及命名规范 #### 一、书写顺序 在编写CSS时,遵循一定的属性书写顺序不仅可以提高代码的可读性,还能方便后期维护。以下是一般推荐的顺序: 1. **定位**:包括`position`, `z-index`, `left`,...

    CSS格式化工具 Visual CSS

    **CSS格式化工具Visual CSS详解** CSS(Cascading Style Sheets)是网页设计中的关键元素,用于控制网页的布局和视觉样式。Visual CSS(VCS)是一款专为开发者设计的CSS代码编辑器,它提供了强大的功能,使得CSS...

    postcss-sorting:PostCSS插件,用于按顺序保留规则和规则内容

    支持CSS,SCSS(使用 ),HTML(带有 ),CSS-in-JS(带有 ), 以及最有可能由其他PostCSS插件添加的任何其他语法。 安装 $ npm install --save-dev postcss postcss-sorting 选件 该插件没有默认选项。 默认情况...

    css属性书写一般顺序.zip

    这种顺序有助于保持代码的整洁,并且在多人协作时,可以让其他开发者更容易理解和维护代码。同时,按照这样的顺序编写CSS,可以更方便地进行代码审查和性能优化,例如,将可能影响布局的属性放在前面,便于快速找到...

    CSS中选择器优先级顺序实战讲解.pdf

    首先,我们要了解CSS选择器的四种基本类型,它们的优先级顺序如下: 1. **行内样式 (inline styles)**:这是最高优先级,通过`style`属性直接应用在HTML元素上,如`;"></div>`。 2. **ID选择器 (#id)**:次之,通过...

    CSS测验 CSS测验 CSS测验

    16. 设置元素的边框宽度,使用`border-width`属性,顺序为上、右、下、左,如`border-width: 10px 1px 5px 20px`。 17. 改变元素的左边距,使用`margin-left`属性,如`margin-left: 20px`。 18. 关于`padding`属性,...

    详解关于html,css,js三者的加载顺序问题

    这一点对提高页面加载速度是非常有帮助的。一旦CSS文件下载完成,浏览器就可以立即应用这些样式,实现页面内容的渐进式渲染。因此,将重要的样式代码放在CSS文件中,可以加快页面的显示速度。 然而,对于JavaScript...

    css样式加载顺序及覆盖顺序深入理解

    查找一些教材中(w3schools等),只说css的顺序是“元素上的style” > “文件头上的style元素” >“外部样式文件”,但对于样式文件中的多个相同样式的优先级怎样排列,没有详细说明。经过测试和继续搜索,得知...

    CSS文档 CSS2.0.chm

    层叠根据规则的优先级来决定,优先级包括选择器的特异性、权重、继承和顺序。继承是CSS的一大特点,允许子元素继承父元素的一些样式属性,如字体、颜色等。 2. **选择器**:CSS2.0提供了多种选择器,包括元素选择器...

    css权威 css 相关资料

    Flexbox是现代布局系统,适用于一维布局,如行或列,能够灵活调整元素大小和顺序,适应不同屏幕尺寸。 CSS3引入了许多新的特性,如媒体查询(Media Queries)、阴影效果、渐变、过渡和动画,这些使得网页设计更加...

    10天精通DIV+CSS

    CSS 优先级是指 CSS 样式的优先顺序。优先级从高到低依次是:id 优先级高于 class,后面的样式覆盖前面的,指定的高于继承,行内样式高于内部或外部样式。 六、CSS 盒模型组成 CSS 盒模型是 DIV+CSS 排版的核心...

    css界面 css secret

    《CSS揭秘》是一本深入探讨CSS技术的专业书籍,旨在揭示CSS设计中的隐藏特性和高级技巧。作者通过一系列独特的实例,引领读者探索CSS的无限可能性,从而提升网页界面的设计水平。这本书不仅适合初级开发者学习基础,...

    css编写顺序和命名规范

    资源名称:css编写顺序和命名规范资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    div+css div+css精通CSS

    当多个样式规则同时应用于同一元素时,CSS遵循特定的层叠顺序,即优先级规则,来决定最终应用哪个样式。这一顺序通常为:内联样式 > 内部样式表 > 外部样式表 > 浏览器默认样式。此外,还可以使用!important关键字来...

    高效、可维护、组件化的CSS

    首先,我们需要了解CSS书写规范,这是因为一个统一的书写规范有助于团队协作和代码的维护。通常,CSS书写规范会涉及选择器命名、属性顺序、代码注释等规则,以确保代码的一致性和可读性。 接下来是写出高效易懂CSS...

    css3参考手册

    例如,我们可以使用`:nth-child(n)`或`:nth-of-type(n)`来选中特定顺序的子元素。 2. **多列布局** CSS3带来了多列布局模型,允许开发者轻松创建报纸般的多列文本布局,使用`column-count`, `column-gap`, `column...

    DIV+css学习 精通CSS实例

    2. 层叠顺序:CSS中的选择器优先级决定了样式的应用顺序,了解权重计算能帮助我们避免样式冲突。 3. 浮动(Float):浮动常用于创建多列布局,但也有其局限性,如元素高度塌陷问题。 4. 定位(Positioning):包括...

    CSS调试工具,CSS可视化编辑器

    通过这些工具,开发者可以查看元素的盒模型、计算样式、选择器应用顺序,甚至实时编辑CSS,实时查看页面的变化。这对于定位问题、调试复杂的样式层叠关系以及优化性能都非常有帮助。 接下来,CSS可视化编辑器是另一...

    CSS 的加载及加载顺序简介

    今天我们旧事重提,再来谈谈css的加载,及加载顺序。 通常的css加载顺序 一般情况下,我们css样式表是放在头部,同时为了减少请求,我们通常对css进行一个合并压缩。 目前我们css一般是如下加载的: <head> ...

Global site tag (gtag.js) - Google Analytics