재정의 *

Question

내 CSS 스타일 시트 :

<input class="test" /><input class="test" /> 

그래서 내가
* I를 대체 클래스 테스트를하고 싶습니다 : 이것은 내 HTML 코드의 예입니다

* {vertical-align:top;} 
input.test {vertical-align:middle;} 

시도 :

* {vertical-align:top;} 
input.test {vertical-align:middle!important;} 

하지만 Firefox 및 ver에서 작동하지 않았습니다. tical-align은 여전히 ​​위에 있습니다 ...
고마워요!

Answer 1

...하지만 vertical-align은 불행히도 input 요소에 적용되는 속성이 아닙니다.

!important이 경우에도 차이가 없습니다.
input.test 실제로 이미 무시되고 있습니다 *

왜 그럴까요? 더 구체적인 선택기이고 CSS는 모두 선택기의 특정성에 관한 것입니다.
즉 가장 구체적인 선택자 인 규칙이 적용됩니다. 따라서

는 input 요소 모양,이를 함유 td 셀 타겟팅하도록 영향 및 그 vertical-align 값을 설정한다.