2012-03-30 4 views
0

안녕하세요 이것은 아마도 멍청한 질문이지만 나는 곧장 대답을 찾을 수 없습니다. 예를 들어 클래스의 모든 앵커에 어떻게 영향을 줍니까?수업의 모든 요소에 어떻게 영향을 주나요?

이 나는 ​​시도했다 :

a.classname 

.classname a 

그러나이 작동하지 않습니다. 누구나 나와 다른 미래의 Google 직원에게 정답을 줄 수 있습니까?

+3

"수업 시간에"무엇을 의미합니까? 두 가지 의미 모두에 대해 이미 답이 있습니다. 특이성 문제를 조심하십시오. 방화범을 사용하십시오. – SLaks

+1

나는 CSS의 기초를 배우는 데 시간을 할애 할 것을 제안한다. – Madbreaks

+1

일부 HTML 코드를 제공 할 수 있습니까? – Dion

답변

5

a.classname"classname" 클래스의 태그 모두 <a>입니다.

.classname a은 모두 "classname" 인 요소의 하위 태그 인 <a>입니다.

DEMO : http://jsfiddle.net/HTxeQ/

참고 : 다른 곳에서 더 구체적인 CSS 규칙이 있다면, 그 규칙을 덮어 쓸 수 있습니다.

예를 들어 body .classname a.classname a을 덮어 씁니다.

DEMO : http://jsfiddle.net/HTxeQ/1/

+1

일 경우 작동하지 않으면 다른 곳에서 문제가 발생할 수 있습니다. 코드에서 '#parent .classname'과 같은 것을하면 몇 번 '.classname a'가 실패합니다. 이 경우 기존의 모든 규칙에서 '#parent'를 제거하거나 새 규칙에 간단히 추가 할 수 있습니다. '#list #of #parents .classname a'는 결함없이 작동해야합니다. * if * push가 발생합니다. 그러나, 실제로 이런 식으로 CSS를 작성하는 것은 결코 권장하지 않습니다. 왜냐하면 만약 당신이 * 그것을 * 작동시켜야한다면, 당신은 처음에 이것을하지 말아야한다는 것을 이미 보았 기 때문입니다. – Shea

+0

@andrewjackson : 맞습니다. CSS의 다른 곳에서보다 구체적인 규칙이있는 경우이 규칙을 덮어 쓸 수 있습니다. http://jsfiddle.net/HTxeQ/1/ –

0

이 클래스 "클래스 이름"과 요소 내에있는 모든 링크의 흰색의 색상을 변경할 것

.classname a { color:white; } 

<div class="classname"> 
    <a>Im now white</a> 
    <a>Im now white</a> 
    <a>Im now white</a> 
</div> 
관련 문제