같은 클래스에서 'ul'과 'li'및 'a'에 스타일을 적용하는 방법은 무엇입니까?

저는 프론트 엔드 개발에 익숙하지 않습니다. <ul> 및 <li>에 스타일을 적용하고 동일한 클래스에 <a>도 적용 할 수 있습니까? 여기 같은 클래스에서 'ul'과 'li'및 'a'에 스타일을 적용하는 방법은 무엇입니까?

내 코드입니다

<html> 
<head> 
<title></title> 
<style type="text/css"> 
.menu ul, li, a { 
    text-decoration: none; 
    list-style-type: none; 
    padding: 10px; 
    margin-left: 10px; 
    border: 2px solid green; 
} 
</style> 
</head> 
<body> 
    <div class="menu"> 
    <ul> 
     <li> 
      <a href="#">Home</a> 
      <a href="#">Services</a> 
      <a href="#">Customers</a> 
      <a href="#">Locations</a> 
      <a href="#">Fare</a> 
      <a href="#">Contact Us</a> 
     </li> 
    </ul> 
</div> 
</body> 
</html>

출처

2017-01-11 Vijay

네, 그것은 ...

.menu ul { /*css here*/ } 
.menu ul li { /*css here*/ } 
.menu ul li a { /*css here*/ }

또는

.menu ul, .menu ul li, .menu ul li a { /*css here*/ }

또는

.menu ul, .menu li, .menu a { /*css here*/ }

출처

2017-01-11 04:45:34 Scott

친구 덕분에 가능의 지금 일하고있어. – Vijay

같은 클래스에서 'ul'과 'li'및 'a'에 스타일을 적용하는 방법은 무엇입니까?

답변

관련 문제