记一次css属性覆盖的问题
来源:互联网 发布:2017怎么开手机淘宝店 编辑:程序博客网 时间:2024/05/17 04:03
问题描述:
某个div有id为signUpModal,其中有个图片我将其初始transform的rotateZ值设置为180deg,这个属性包含在male-picture的class中,因为我是用sass写的,所以是直接嵌套写的,最终被编译为 #signUpModal .male-picture {...}。之后我希望在click某个按钮后rotateZ值设置为360deg,为了浏览器的兼容性也为了偷懒,我选择在该元素中添加类来覆盖原来的rotateZ属性。于是我在signUpModal嵌套之外写了个类,希望在js中通过click事件添加该类到该元素中,以达到覆盖属性的目的,但结果总是没有响应。
问题查找:
于是我通过浏览器自带调试工具检查,发现新添加的类的属性被原来就存在的属性覆盖了!所以没有发生变化。仔细一看,发现原先的类全称为#signUpModal .male-picture{...}, 而新加的类则赤裸裸的是 .new-style{...},这样我就发现了因该是类名导致类之间的优先级发生了变化,就发生了我这个问题。
问题解决:
把.new-style类放在signUpModal嵌套内就可以了,或者减少原先的类的优先级等。
0 0
- 记一次css属性覆盖的问题
- CSS中选择器的优先级 ( ※关于相同属性的覆盖问题 )
- 解决连续枪声对上一次的覆盖问题【unity3D】
- paip.css的覆盖
- 属性的覆盖
- 记一次CSS弹出动画的Bug
- 记一次CSS引发的小Bug
- 一次因内存覆盖引起的system dump问题分析,基于linux的crash工具。
- 将一个list中的值完整的取出来,防止被前一次覆盖的问题
- CSS 属性标准化问题
- css属性继承问题
- java变量(属性)的覆盖
- Java中属性的覆盖?
- JS的覆盖特性来解决文件冲突问题,css的加载问题
- js中数组push对象,前面的值总是被最后一次的值覆盖的问题
- memcpy的覆盖问题
- 变量覆盖的问题
- 【飞秋】记一次“偷盗”别人的CSS和Js
- C++Primer 第3章笔记整理
- 从零开始搭建Raspberry Pi机器视觉编程环境
- [从头读历史] 第246节 夏商与西周
- Bitmap的加载和缓存
- 文章标题
- 记一次css属性覆盖的问题
- Recurrent Neural Networks Tutorial
- 利用Emgu.CV实现人脸识别详解 (C#)--附源码
- Android 更新UI的两种方法——handler和runOnUiThread()
- 1067. Sort with Swap(0,*)
- Java之心跳机制
- 7.2节练习
- WPF DataGridHyperlinkColumn
- 安卓应用重启时偶发性退出,结合Activity与Service生命周期的解读和总结