2013-08-01 5 views
-1

이것은 매우 간단한 질문입니다. 어떻게하는지는 잘 알고 있지만 더 나은 방법으로 해결하고 싶습니다. 온라인에서 해결책을 찾지 만 찾지 못했습니다. 여기 CSS 태그를 적용한 CSS 속성을 제거하는 방법

지금 내가 앵커 태그를 넣어 가지고 내 CSS를

a:link 
{ 
    text-decoration:none; 
    color:#fff; 
    font-size:15px; 
    font-family:'Ropa Sans', sans-serif; 
    text-shadow:1px 1px 1px #000; 
} 

a:visited 
{ 
    text-decoration:none; 
    color:#2a9dc0; 
    font-weight:normal; 
    text-shadow:1px 1px 1px #000; 
} 

a:active 
{ 
    text-decoration:none; 
    color:#2a9dc0; 
    text-shadow:1px 1px 1px #000; 
} 

a:hover 
{ 
    text-decoration:none; 
    color:#2a9dc0; 
    text-shadow:1px 1px 1px #000; 
} 

이다 그러나 나는 이러한 모든 특성이 내가 무슨 짓을하는 클래스 이름 no_a을 적용 그래서 그것을 적용 할 모든 CSS 속성을하지 않습니다 아무도 내가 다른 방식으로 거기에있는 방식 이었어?

<a class="no_a" href="#"> 
    <article class="home_sml_box_red"> 
     <section class="home_small_boxtext"> 
      explore 
     </section> 

     <section class="home_small_boximage"> 
      <img src="image/explore_icon.png"> 
     </section> 

     <section class="home_small_lowtext"> 
      Learn More 
     </section> 
    </article> 
</a> 
+1

체크 아웃이 [답변] (http://stackoverflow.com/a/7398330/1401094) –

+0

과의'php' 태그가 무엇인가 ..? –

+0

@Patsy Issa Link가 정확한 의미를 갖습니다. 나는 또한 두 개의 다른 모듈에 대한 일반적인 CSS를 사용하고 필요할 때마다 덮어 씁니다. 큰 시간에 영향을주지 않으므로 새 CSS를 만들지 않았습니다. – Akki619

답변

0

가장 좋은 방법은, 이러한 속성은 모든 <a> 태그에 적용하지 않으려면 것은 담요 모든 <a> 태그에 CSS를 적용하지 않는 것입니다. 대신 이러한 특성이 적용되는 클래스를 만든 다음 해당 특성을 가질 태그 인 <a>에 해당 클래스를 할당하십시오.

2

가장 좋은 방법은 CSS를 앞에 어떤 클래스를 넣어 (또는 id 한 번만 경우가 사업부를 사용하는) 정의에

입니다. 예를 들면 다음과 같습니다

.container a { 
       text-decoration: none; 
       color:#fff; 
       font-size:15px; 
       font-family: 'Ropa Sans', sans-serif; sans-serif;sans-serif; 
       text-shadow: 1px 1px 1px #000; 
        } 

지금 당신은 <div class ="container"><a href="#">sdfadsf</a>

1

사용 :not() selector이를 사용할 수 있습니다.

a:not(.no_a) { 
    /* style rules for all anchors without class of no_a */ 
} 
관련 문제