Как правильно применить :not(:first-child)?

Question

[Valentyn Fetisov]

Всем привет! есть менюшка вот с такими стилями:

menu {
		text-align: justify;
		line-height: 0;
		padding: 0;
		margin-left: 30px;
		margin-right: 30px;
		&:after {
			width: 100%;
			height: 0;
			visibility: hidden;
			overflow: hidden;
			content: "";
			display: inline-block;
		}
		li {
			display: inline-block;
			text-align: left;
			padding: 5px 0;
			a {
				display: block;
				font-size: 18px;
				line-height: 1.3em;
				color: black;
				position: relative;
				text-transform: uppercase;
				&:hover{
				color: #c31e2f;
				}
				&:before  {
					top: 0;
					left: -15px;
					content: "\\\\";
					position: absolute;
					width: 5px;
					height: 5px;
					&:not(:first-child){}
				}
				&:hover {
					opacity: 0.8;
				}
			}
		}
	}

как правильно применить псевдоелемент :before ко всем кроме первого елемента?

Answer 1

[Олег]

li {
  display: inline-block;
  text-align: left;
  padding: 5px 0;

  a {
    display: block;
    font-size: 18px;
    line-height: 1.3em;
    color: black;
    position: relative;
    text-transform: uppercase;
    &:hover{
      color: #c31e2f;
      opacity: 0.8;
    }
  }

  &:not(:first-child) a:before {
    top: 0;
    left: -15px;
    content: "\\\\";
    position: absolute;
    width: 5px;
    height: 5px;
  }

}

Comments

[Valentyn Fetisov]

Олег при таком раскладе все стили примененные к первому "a" не будут срабатывать, а должен не срабатывать только &:before