Я решил использовать CSS, изображения и JavaScript стороннего поставщика в своем веб-приложении для его создания.
Мне было любопытно, как работает этот пакет (css + image + js), так что как только я получил доступ к ресурсам веб-приложения, я активировал инструменты разработчика IE, нажав F12.
Я заметил, что некоторые свойства CSS зачеркнуты красным цветом. Хотелось бы знать, что это значит ...
Буду признателен за ваш вклад по этому поводу.
Это означает, что эти свойства переопределяются более конкретным правилом где-то еще в коде.
Например, возьмите этот код:
#someId {color:red;}
p {color:blue;}<p id="someId">My Text</p>В этом случае оба правила CSS будут применяться к абзацу, но цвет текста абзаца будет красным, а не синим, потому что правило идентификатора (#) более конкретное, чем правило элемента (p).
Если бы вы взглянули на страницу, содержащую этот код, вы бы увидели, что в правиле p есть строка, указывающая на то, что оно было переопределено.
Инструменты разработчика IE показывают все стили, которые соответствуют текущему объекту, включая те, которые переопределяются другим стилем.
Переопределенные стили показаны с зачеркнутым эффектом, чтобы было ясно, что это не тот стиль, который действует, но они по-прежнему отображаются, чтобы вы могли видеть, как браузер определил, что отображать.
Если вы отключите активный стиль, сняв его отметку, то вступит в силу следующий соответствующий стиль в последовательности, и эффект зачеркивания будет удален с него. Это позволяет вам легко экспериментировать со стилями в реальном времени и легко видеть эффект от внесения изменений в ваш код CSS.
Это означает, что CSS переопределен на CSS, Javascript, html. Пример: если вы определите: в файле css:
p {color:blue}
и файл HTML
<p id="someId" style="color: red">My Text</p>
и файл javscript или файл jquery здесь - это код jquery
("#someId").css('color', 'yellow');
результат желтый. Здесь строчка p {color: blue} зачеркнута красным цветом. На словах это приоритетные вопросы. приоритет css - пять видов. если вы определяете метод Top, четыре вида зачеркиваются красным цветом. пример: верхний метод
<p id="someId" style="color: red !important;">My Text</p>
