在UL中定位文本与a分开：

Question

对于CSS 101来说真的很简单，但我创建了一个简单的导航栏，并且只能指定一个类中的所有CSS元素。我想要在两个不同的类中指定容器和文本。这就是我所拥有的，即使在创建两个类并将两个类放在一个单独的li标记中时，也不能将两者分开。

<div class="headercss"> 

    <div class="headerlogo"> 

    </div> 

    <div class="nav"> 

     <ul> 
      <li><a href="#home">BLINK</a>BLINK</li> 
      <li><a href="#news">BLINK IN ADVERTISING</a></li> 
      <li><a href="#contact">BLINK IN EDUCATION</a></li> 
      <li><a href="#about">GET BLINK</a></li> 
     </ul> 

    </div> 



</div> 


/* 
Blinx Service 
Created by Pierre Chedraoui 
(c) Copyright 2015 
*/ 

/* BODY */ 

body { 
    margin: 0px; 
    background-color: #000000; 
} 


/* 1. HEADER */ 

.headercss { 
    width: auto; 
    height: 500px; 
    background-color: #000000; 
    border: 1px dashed #ffffff; 
    position: relative; 
} 

.headerlogo { 
    width: 980px; 
    height: 250px; 
    background-color: #272727; 
    border: 1px dashed #ffffff; 
    position: relative; 
    left: 50%; 
    margin-left: -490px; 
} 

.nav { 
    width: 980px; 
    height: 60px; 
    background-color: #272727; 
    border: 1px dashed #ffffff; 
    position: relative; 
    left: 50%; 
    margin-left: -490px; 
} 

nav.ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
} 

nav.ul.li { 
    float: left; 
} 

a:link, a:visited { 
    display: block; 
    height: 58px; 
    width: 243px; 
    font-weight: bold; 
    color: #FFFFFF; 
    border: 1px solid #000000; 
    background-color: #272727; 
    text-align: center; 
    text-decoration: none; 
} 

a:hover, a:active { 
    background-color: #242424; 
} 

Answer 1

ul和li不是类，它们是标签。所以应该使用默认标记，如：

ul li {some style}