Можно ли before и nth-child совместить?

* { 
  margin: 0; 
  padding: 0; 
} 
 
html, 
body { 
  width: 100%; 
  height: 100%; 
  background: #272727; 
  color: white; 
} 
 
ul { 
  margin: 50px; 
} 
 
li:nth-child(even):before { 
  content: '*'; 
  color: red; 
} 
 
li:nth-child(odd):before { 
  content: '1'; 
  color: green; 
}

<ul> 
  <li>первый</li> 
  <li>второй</li> 
  <li>третий</li> 
  <li>четвертый</li> 
</ul>

ul { 
  padding: 0; 
} 
 
li { 
  list-style: none; 
  padding-left: 20px; 
  position: relative; 
} 
 
li:before { 
  content: ''; 
  position: absolute; 
  top: 50%; 
  left: 0; 
  width: 8px; 
  height: 8px; 
  background: #00f; 
  margin-top: -4px; 
} 
 
li:nth-of-type(odd):before { 
  background: #f00; 
}

<ul> 
  <li>list</li> 
  <li>list</li> 
  <li>list</li> 
  <li>list</li> 
  <li>list</li> 
  <li>list</li> 
</ul>