Remove CSS Effect Without Effecting It

Question

How can I plain old just the value of margin-left on !important? Here is a example:

.property{
  margin-left: -10%;
}
.property.more{
  margin-left: no value here;
}

I would like the margin-left to be like it was never set. I have tried calc (even none) and everything, but nothing seems to work. Any ideas?

there's `initial`, which may be what you need: http://stackoverflow.com/questions/18534561/what-is-use-of-initial-value-in-css — Marc B, Apr 13 '15 at 17:47
Hmm, no I am trying everything. Whenever I use any of them it just sets it at the same as 0px. The original value is -20%, and I need to override it to none. — michael jones, Apr 13 '15 at 17:49
Yes :( It will not work, I think I will just set it manually — michael jones, Apr 13 '15 at 17:50
No, I think I can get it to work with inherit though, thank you guys! — michael jones, Apr 13 '15 at 17:52
@michaeljones It sounds like the `-10%` should be the property set by an extra class, then you just remove that class - would be much cleaner — MDEV, Apr 13 '15 at 17:53
Please include an online minimal example to the question next time If you do not want to waste people's time. — Hashem Qolami, Apr 13 '15 at 17:56

A.B · Accepted Answer · 2015-04-13T17:59:25.483

7

you can use inherit/initial as margin left

.property.more{
  margin-left: inherit !important;
}

initial Will sets this property to its default value

inherit Will set make it inherit this property from its parent element

Read more to understand how values work

Update: Making !important depends on what other js/css manipulation you make that effects precedence

so

.property.more{
      margin-left: inherit;
    }

In your case as @smokeyPHP said '.property.more is more specific than .property'. this will work fine.

edited Apr 13 '15 at 17:59

answered Apr 13 '15 at 17:49

A.B

4

Is the important necessary? `.property.more` is more specific than `.property` and should therefore override it anyway – MDEV Apr 13 '15 at 17:51
@SmokeyPHP thanks for mentioning i edited the answer as per your pointed suggestion – A.B Apr 13 '15 at 18:00
@michaeljones And definitely `inherit` doesn't make `margin-left to be like it was never set`. It forces the element to *inherit* the value from its parent. – Hashem Qolami Apr 13 '15 at 18:03
@HashemQolami your are right,complete html context will be brought into consideration – A.B Apr 13 '15 at 18:07

score 2 · Answer 2 · answered Apr 13 '15 at 17:48

2

If you don't care about IE support, you can use initial or unset

answered Apr 13 '15 at 17:48

JDB

2 Answers2