2010-03-09 3 views
1

Как я могу переопределить это объявление?CSS - изменить положение влево вправо в IE

div.someClass {position:absolute; left:10px; top:20px} 

Я хочу это

div.myClass div.someClass {position:absolute; RIGHT:10px; top:20px; left:auto;} 

Вы можете сказать, что он должен работать, если я изложу налево: авто;, но он не работает в IE6, Я не проверял, что происходит в IE7, IE8.

Как изменить положение, используя только CSS?

ответ

3

Вы имеете в виду, что вы хотите, чтобы «myID» div не подчинялся этому правилу, хотя у него есть класс «someClass»? Тогда вы просто поставить эту после ваш «.someClass» правило:

div#myId { right: 10px; left: auto !important; } 

(„важно!“ Не может быть необходимо, попробуйте его и без этого, и если она работает без него, то оставить он выключен.)

Если вы имеете в виду, что вы хотите, чтобы все <div> элементы с классом «SomeClass», которые появляются внутри<div> с «идентификатором» «MyId», то ваш селектор в порядке, но попробовать, что «важно!» суффикс ,

Вот пример, показывающий, что настройка «влево» для автоматического определенно работает: http://gutfullofbeer.net/leftright.html

+0

iimportant не работает – mihau

+0

Это не "iimportant", это "важно!". – Pointy

+0

Я знаю - это была ошибка: D, это все еще не работает – mihau

5

Это одна из проблем, с помощью CSS: Как вы «unring», что колокол, когда определенный тип правила, которое было установлено ?

Если предположить, что DIV не в контейнер, который не имеет его левое значение, установленное уже, вы можете попробовать это:

div#myId div.someClass { 
    left: inherit; 
    right: 10px; 
    /* etc. */ 
} 

Обратите внимание, что вы могли бы спасти себя некоторые проблемы, не объявляя DIV. someClass в первую очередь. Дополнительный элемент в селекторе - лишний вес. Если ваш селектор был .someClass, вы могли бы переопределить его, просто добавив div.someClass.

+0

inherint не работает в IE, я считаю, – mihau

+0

Inherit не собирается работать. – Pointy

0

вы можете изменить ничего (по крайней мере, с JavaScript):

divObject.style.left = ""; 
Смежные вопросы