2011-09-28 3 views
0

내 링크가 내 수업을 따르지 않습니다. 무슨 일이야?링크가 수업에 들지 않음

.greyBoxTxt { 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:11px; 
    color:#7b7d7e; 
} 

a.greyBoxTxt { 
    color:#0164a5; 
    text-decoration:none; 
} 

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td width="25%" valign="top" class="greyBoxTxt"> 
      <b>Business Banking</b><br /> 
      <a href="#">eBusiness Checking</a><br /> 
      <a href="#">Business Checking</a><br /> 
      <a href="#">Commercial Checking</a><br /> 
      <a href="#">Non-Profit Checking</a><br /> 
      <a href="#">Business Savings</a><br /> 
      <a href="#">More... 
     </a></td> 
     <td width="25%" valign="top">&nbsp;</td>   <td width="25%" valign="top">&nbsp;</td> 
     <td width="25%" valign="top">&nbsp;</td> 
    </tr> 
</table> 
+3

사용'.greyBoxTxt는 –

답변

1

귀하의 선택기가 잘못 : a.greyBoxTxt 목표 클래스 이름이 greyBoxTxt 인 앵커 요소. THIE 같은 뭔가 :

<a class="greyBoxTxt" href="#">Lorem</a> 

당신이 원하는 것은 클래스 명 greyBoxTxt 인 요소의 하위 앵커 요소 :

.greyBoxTxt a { 
    /* ... */ 
} 

참고이 새로운 선택기의 .greyBoxTxt와 사이의 공간 실제로 descendant combinator입니다.

+0

이에게하지 않았다 # 0164a5을; \t 텍스트 장식 : 없음; } 아직 안 함 – Damien

+0

마침표'.greyBoxTxt a '가 없습니다 - 마침표는 [클래스 이름 선택자]입니다 (http://www.w3.org/TR/CSS2/selector.html#class- html). –

+0

굉장해! 너무 바보 같은,하지만 난 항상 이것에 문제가있었습니다. 나는 인라인 스타일에 항상 의지 할 것입니다. 나는 이번에 생각했다, 나는 단지 묻는다. 대단히 감사합니다! – Damien

2

나는 무엇을 당신이하려고하는 것은 생각보다 이런 일을 선택할 것이

.greyBoxTxt { 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:11px; 
    color:#7b7d7e; 
} 

.greyBoxTxt a { 
    color:#0164a5; 
    text-decoration:none; 
} 

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td width="25%" valign="top" class="greyBoxTxt"> 
      <b>Business Banking</b><br /> 
      <a href="#">eBusiness Checking</a><br /> 
      <a href="#">Business Checking</a><br /> 
      <a href="#">Commercial Checking</a><br /> 
      <a href="#">Non-Profit Checking</a><br /> 
      <a href="#">Business Savings</a><br /> 
      <a href="#">More... 
     </a></td> 
     <td width="25%" valign="top">&nbsp;</td>   <td width="25%" valign="top">&nbsp;</td> 
     <td width="25%" valign="top">&nbsp;</td> 
    </tr> 
</table> 

선택기 a.greyBoxTxt, 상업이 확인

+0

이 한 A' : greyBoxTxt을 { \t 색상 : # 0164a5; \t 텍스트 장식 : 없음; greyBoxTxt { \t 색상 : } 여전히 이동 – Damien

관련 문제