title: Wordpress Menu for Social Icons
body: <p>I'm trying to use the wordpress custom menu to allow users to link their social media sites easily. So far I set up a wordpress menu "Social Icons" in my functions.php theme file and am using the custom menu widget to place it on the site. This is the html wordpress generated for the menu and widget </p>
  
  <pre><code>&lt;div class="menu-social-icons-container"&gt;
  &lt;ul id="menu-social-icons" class="menu"&gt;
  &lt;li id="menu-item-73" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73"&gt;&lt;a href="http://facebook"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-74" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-74"&gt;&lt;a href="http://twitter"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-76" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-76"&gt;&lt;a href="http://instagram"&gt;Instagram&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-77" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77"&gt;&lt;a href="http://youtube"&gt;Youtube&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>I'm assuming the id "menu-social-icons" is due to either the theme location or menu name I created so IF the id is based upon that I could use this method to allow users to link up their social media icons. Will the id "menu-social-icons" be the same for any user that uses this theme, or is it a generated id like "menu-item-73" in the li. </p>
  
  <p>If it will be the same, I am trying to style the nth child a elements to backgrounds of the icons but I'm confused as to which selectors to use in css because for example if I use</p>
  
  <pre><code>ul#menu-social-icons li a:link:nth-child(1){
  background-img:url(images/facebook.png);
  }
  
  ul#menu-social-icons li a:link:nth-child(2){
  background-img:url(images/twitter.png);
  }
  </code></pre>
  
  <p>ect</p>
  
  <p>I don't get anything </p>
  
  <p>What selectors do I need to use to style achieve this? </p>