0xD34F

Держите. Размер можете подобрать такой, какой вам нужен - достаточно изменить scale.

можно:

input {
  color: transparent;
  text-shadow: 0 0 0 black;
}

Можно указывать несколько свойств, каждое со своим временем анимации, через запятую. Типа так:

transition: color 1s, background-color 5s;

<button>add</button>

document.querySelector('button').addEventListener('click', function() {
  document.body.appendChild(document.createElement('div'));
});

div {
  height: 50px;
  margin: 5px;
  background: red;
  animation: show-div 3s;
}
@keyframes show-div {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

Уберите opacity... Или добавьте его в transition. А то сейчас у вас элемент становится прозрачным мгновенно - отсюда иллюзия, что он "просто пропадает". Не просто - двигается, так как вам и нужно, но будучи невидимым.

-background: #ebeef3 url(http://picsee.net/upload/2018-01-30/e70bd07d18e0.png) no-repeat 10px 15px;
+background: #ebeef3 url(http://picsee.net/upload/2018-01-30/e70bd07d18e0.png) no-repeat 10px 50%;

ul a {
  color: black;
}

ul li:hover > a {
  color: red;
}

https://jsfiddle.net/pbw5L1eq/

pointer-events: none;

Можно использовать mix-blend-mode: difference;. Типа так.

Правда, работать будет не везде.

https://css-tricks.com/almanac/properties/t/text-d...

https://codepen.io/thejameskyle/pen/ibtLp?editors=1100

#a:hover + #b {
  display: block;
}

display: block; для #map, например

https://css-tricks.com/multi-line-padded-text/

1. "Не работает <подставьте имя технологии / инструмента / etc> правильно" - с таким настроем лучше гамбургеры в макдональдсе заворачивать. Если что-то не получается, то первый вопрос должен быть таким: что Я делаю неправильно?

2. У вас опечатка - ntn-child вместо nth-child.

display: inline-block;забыли

"Обнулить" - никак. Можно сделать невидимым:

input:focus::placeholder {
  color: transparent;
}

Добавьте специфичности селектору, объявленному в родителе.

Так, что ли?

Загоняем #article-1 в самый конец .content, по умолчанию делаем его видимым, и невидимым если до него есть .article:target. Типа так.

А как вы думаете - бывают ли иные значения у свойства display, кроме none и block? Я вот слышал, будто есть ещё table-cell, например.