У меня есть две декларации ширины.Какой из них будет применен? - PullRequest
Новая
       21

У меня есть две декларации ширины.Какой из них будет применен?

0 голосов
/ 13 сентября 2011

Допустим, у нас есть HTML-страница, которая имеет структуру 

<html>
<body>
    <table id="myTable">
    </table>
</body>
</html>

Теперь у меня есть CSS, определенный как; 

#myTable {width:100%;width:900px;}

Теперь мой вопрос: эта таблица также косвенно зависит от области просмотра (или доступного пространства браузера) Так что из 2 значений (px или%) выиграет? То есть сколько места на самом деле займет таблица в макете? Если текущее пространство браузера, скажем, 1000px, примет ли это значение (что означает 100% переопределение значения 900 пикселей) На более широком уровне, можем ли мы обобщить эту работу так, чтобы значение% или px всегда выигрывало? Зависит ли это от установленного DOCTYPE?

Пожалуйста, помогите мне. Спасибо.

Ответы [ 4 ]

5 голосов
/ 13 сентября 2011

Так что из 2 значений (px или%) победит?

Ширина пикселя выиграет, но не потому, что она определена в единицах пикселей.

Поскольку два правила появляются в одном наборе правил, их селекторы имеют одинаковую специфичность (потому что ониидентичны), поэтому побеждает последний.

Выбор единиц не имеет значения.

0 голосов
/ 27 октября 2014

В CSS всегда выигрывает последний определенный стиль, если предыдущий не имеет! Важный.

Например, 

.myClass{
    width: 200px;
    width: 400px;
}

В этом случае ширина будет 400px, поскольку это правило, котороепоявляется в последний раз, когда CSS анализируется.

.myClass{
    width: 200px !important;
    width: 400px;
}

В этом случае ширина будет 200px, поскольку это правило сделано важно

0 голосов
/ 27 декабря 2013

px победит, причина в том, что последнее значение в px. Всякий раз, когда файл CSS обнаружен, он проверяется сверху вниз и применяется все, что было найдено в последнем. например

у нас есть 

#home {width:100%;color:#fffccc;}

Затем снова внизу мы определяем 

#home {width:100%;color:red;}

Элемент с id home будет иметь красный цвет для своего шрифта.

0 голосов
/ 06 марта 2013

px выиграет, он получит 900px вместо 100% ширины. Я не знаю причину, но я проверил это

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...