CSS의 전환 : 아이들이

일반적를 가져에 부모 애니메이션, 나는 부모를 선택하고 호버 의사 클래스를 추가합니다 :CSS의 전환 : 아이들이

parent { 
    opacity: 0.7; 
    transition-duration: .2s; 
} 

parent:hover { 
    opacity: 1; 
}

을하지만 diffrent 태그와 클래스에 너무 많은 diffrent 부모 요소가 있습니다. 모든 부모는 [color] 특성을 가진 아이들 만 있다는 것을 알고 있습니다.

(parent "which have" > [color]) { 
    opacity: 0.7; 
    transition-duration: .2s; 
} 

(parent "which have" > [color]):hover { 
    opacity: 1; 
}

CSS3 (CSS4 : '!')에 상위 선택기 같은 것이 있습니까? 어린이 호버동에서 부모 애니메이션을 적용하는 다른 방법이 있습니까? 도움을

감사

출처

2013-10-31 LepBJ

가능한 [CSS 부모 선택기가 있습니까?] (http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector) –

부모 셀렉터가 필요하지 않습니다. 호버는 어쨌든 부모와 자식 모두에게 적용됩니다. –

CSS에 상위 선택자가 없습니다. 그러나, 당신이하려는 일에 따라 그 주위에는 몇 가지 방법이 있습니다. '상속 (inherit)'속성을 확인하십시오 : http://joshnh.com/2012/10/25/dont-forget-the-css-value-inherit/ – jbenjohnson

귀하의 질문 약간의 ambigius는하지만 내가 당신 말은 당신에게 솔루션을 제공하기 위해 무엇을하려고 생각하자;

부모 div 요소에 색상이 attr 인 경우 (빨간색이라고 가정) 자식 요소의 스타일을 마우스로 가리키고 싶습니다.

div[style~='color:red']>p:hover{ 
//your code goes here 
}

하지만 색상이 인라인 스타일로 정의해야합니다 그렇지 않으면 데이터가 데이터 selparent 속성처럼 '예'= 다른 ATTR에보고해야합니다.

출처

2015-05-14 23:29:43

CSS의 전환 : 아이들이

답변

관련 문제