2014-03-28 1 views
0

최근에 웹 사이트를 완료 한 후 wordpress으로 템플릿을 약간 수정했습니다. 이제 내 고객은 text-links 전에 요소를 원하는, 그래서 추가하는 시도 : 그것은이 무엇 Apply a : before to 이미지

a:before { 
    content:url('triangle.png'); 
    width:3px; 
    height:5px; 
    margin: 5px; 
} 

를 표시하기 전에 작동 큰 지금까지 :

enter image description here

하지만 내 문제가 있다는 것입니다 내 사이트에도 이미지 링크가 있으며 내 레이아웃이 충돌합니다.

textarea의 링크에만 a:before을 적용 할 수 있습니까?

a:before > img { 
    content:""; 
    width:3px; /*maybe these styles are also not necessary for your layout*/ 
    height:5px; /* then you can set them al to 0 */ 
    margin: 5px; 
} 
+0

당신은 텍스트 영역에서 앵커 태그가 : –

+0

스타일을 지정할 때 특정 클래스 이름을 사용하지 않으므로 모든 웹 페이지를 철저히 확인하십시오. 스타일링이 다른 앵커 요소에도 적용될 확률은 90 %입니다. –

+0

yeppp ... 여기에도 여전히 문제가 있습니다./ http://puu.sh/7Mzgt.jpg – user3472227

답변

0

는 다음과 같은 노력이? 전에는 그렇게하지 않았어. 어쨌든, CSS에서`a : before` 대신`textarea a : before`를 시도하십시오.
+1

하위 선택자'a : before img {' –

+0

@Stephen P : 발언에 감사드립니다. 자식 특정 선택자'a : before> img {'를 원할 수도 있습니다! 그에 따라 내 대답을 바꿀 것입니다. – brobken

관련 문제