하이퍼 링크 용 CSS 선택기 변경

Question

내 코드에서 스타일 태그를 사용하여 하이퍼 링크 용 CSS 선택기를 변경하려고하지만 확실하지 않습니다.

나는 내가 위의

<span class="Button1a" style="padding: 15px 20px; a:color: #fff;"> 
<span class="Button1a" style="padding: 15px 20px; a.color: #fff;"> 
<span class="Button1a" style="padding: 15px 20px; a>color: #fff;"> 
<span class="Button1a" style="padding: 15px 20px; color: #fff;"> 

없음 같은 기간 요소의 스타일 속성 내에서이를 사용하고자하지만 난 것 같다

a:link {color:#FF0000;} 

같은 구문을 사용하여 외부 CSS를 사용할 수 있습니다 알고 나를 위해 일해.

Answer 1

전나무, 그리고이 방법으로 어린이 스타일을 변경할 수있는 방법이 없습니다.

만 상속 된 값은 특정 문제에 대한 유일한 해결책

을 변경 :

<span id="parent"> 
    <a href="#" style="color: #000">Link</a> 
</span> 

Answer 2

style 속성이 올바르지 않은 내부에서 선택기를 사용하고 있습니다. 이

<span class="Button1a" style="padding: 15px 20px; color: #fff;"> 

Answer 3

같은

style="padding: 15px 20px; a:color: #fff;"> 
         ^

사용은 선택이 <a> 태그를 일치하지만 <span> 요소를 가지고있다. 어느 쪽이든, 당신의 style 속성은 선택 블록의 내용을 포함해야합니다 :

<span class="Button1a" style="padding: 15px 20px; color: #fff;"> 

나는 style 속성의 내부 속성을 배치 권하고 싶지 않다. 그것은 잘 확장되지 않으며 유지하기가 어렵습니다. 대신에 스타일 시트 사용 : style는 해당 요소에 대한 모든 요소의

.Button1a { 
    padding: 15px 20px; 
    color: #fff; 
} 

Answer 4

부분 솔루션을, 그것을 직접 수행 할 수 없기 때문에.
CSS 형식으로 수정하려는 a 태그에 color: inherit;이 첨부되어야합니다. 그 내용을 포함 시키면 다음을 사용하여 색상을 수정할 수 있습니다.

<span style="color: #fff;"> 
    <a href="#">Link</a> 
</span>