Псевдоэлемент не рассматривается как отдельный элемент flex - PullRequest
Новая
       15

Псевдоэлемент не рассматривается как отдельный элемент flex

0 голосов
/ 28 ноября 2018

Я читал, что псевдоэлементы:

а) не щелкаются при прикреплении к ссылкам
б) обрабатываются как уникальные элементы в гибком контейнере

Но этоПсевдоэлемент, который я прикрепил к ссылке:

a) кликабельный
b) не рассматривается как отдельный элемент flex

Чего мне не хватает? 

@import url(https://fonts.googleapis.com/css?family=Raleway);

body { 
  width: 100vw;
  height: 100vh;
  background: thistle;
  font-family: Raleway;
  text-align: center;
}

nav{
  display: inline-flex;
  margin-top: 40px;
  padding: 20px;
  background: white;
  border-radius: 10px;
}

a{
  text-decoration: none;
  color: black;
  margin: 0 10px;
}

a:nth-child(3):after{
      display: block;      
      width: 40px;
      height: 40px;      
      background: url(https://i.imgur.com/qRtsMi0.png);
      background-size: cover;
      content: "";      
}
<nav>
  <a href="#">ONE</a>
  <a href="#">TWO</a>
  <a href="#">THREE</a>
  <a href="#">FOUR</a>
  <a href="#">FIVE</a>
  <a href="#">SIX</a>
</nav>

1 Ответ

0 голосов
/ 29 ноября 2018

а) псевдоэлементы, прикрепленные к ссылкам, действительно являются частью ссылки.они не «кликабельны» в том смысле, что на них нельзя целиться отдельно с помощью onClick.

b) псевдоэлементов , прикрепленных к гибким контейнерам, рассматриваются как элементы.Псевдоэлементы прикреплены к элементам , во флекс-контейнерах нет.

...