CSS div [class * = "x"] 구문 문제

-1

이 질문과 유사하지만 구문을 올바르게 입력 할 수 없습니다. wildcard * in CSS for classes CSS div [class * = "x"] 구문 문제

나는 기본적으로 "와일드 카드"문이 점을 확인해야합니다

div[class*="et_pb_tab_"], div[class^=" td:hover"]{ 
    background: #000 !important; 
}

을하지만 그것은 "TD를 무시하는 것처럼이 역할 : 여기

.et_pb_tab_0 td:hover{ 
    background: #000 !important; 
} 
.et_pb_tab_2 td:hover{ 
    background: #000 !important; 
} 
.et_pb_tab_3 td:hover{ 
    background: #000 !important; 
} 
etc....

내가 노력 무엇을 가져가 "섹션을 열고 hw했을 때 내부의 td 대신 et_pb_tab_ *의 배경을 변경합니다. 당신이이 세 가지 클래스 중 하나를 가진 요소의 자식 요소 가져가 모든 td의를 선택하려는 경우

출처

2017-10-24 Dylan Grove

대신 *을 사용하십시오. CSS 선택기'div [class * = "et_pb_tab _"]'와 (과) 정확히 무슨 일을하는지 알 수 있습니다. 'div [class^= "td : hover"]'에 관해서 ...'** td : hover'라는 클래스 **가 실제로 있습니까? – FluffyKitten

쉼표를 제거하고 두 번째 td를 만듭니다. hover – FluffyNights

이 때문에 용어가 너무 중요하고 왜 스택 오버플로에 사람들이 그것에 대해 까다롭게인지. 많은 사람들이 선별 자나 규칙 집합을 "클래스"라고 부릅니다. 그러나 "클래스"는 매우 구체적인 의미를 가지며 그렇지 않은 경우에는이를 적용하여 이러한 상황을 만듭니다. – BoltClock

, 그것은해야한다 :

div[class*="et_pb_tab_"] td:hover{ 
    background: #000 !important; 
}

즉, 클래스 선택 후 더 쉼표 없으며 클래스로 자식 요소이지만 단순히 td과 :hover이 있습니다.

BTW : 부모님이 DIV라고 쓰지 않았지만 질문에있는 코드에서 추정했습니다. 그렇지 않다면 div

출처

2017-10-24 19:14:31 Johannes

완벽한! 고맙습니다! –

답변

관련 문제