입력 유형 CSSing은 모든 입력에 적용되는 것이 아니라 html을 전혀 사용할 수 없습니다.

Question

제출 버튼이 보이는 방식을 변경하려고합니다. ID 또는 클래스 또는 그와 비슷한 것을 사용할 수 없습니다.

나는 div를 가지고있다.이 div 안에는 2 개의 입력이있다. 하나는 텍스트이고 다른 하나는 div의 클래스가 홀더라고 가정한다.

<div class="holder"> 
<input type="text" name="somename" value="somevalue"> 
<input type="submit" name="submit" value="save changes"> 
</div> 

내 현재 CSS는이 변화를 모두 입력 유형 그러나

.holder input, textarea { 
width:250px; 
} 

. 그리고 저는 그것들을 개별적으로 바꾸려고합니다.

Answer 1

당신은 CSS 속성에 필요한 특정 속성을 지정할 수 있습니다

.holder input[type=submit] { 
    width:250px; 
} 

참고 : 기본적으로 http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

, 그것은 width 속성 만 #holder 컨테이너 내부 <input> 태그에 적용된다는 것을 의미 IF 유형 속성의 값은 "제출"입니다.

또한 이름 속성에서이를 사용할 수 있습니다

.holder input[name=submit] { 
    width:250px; 
} 

Answer 2

선택기를 제출 입력 될 것이다 : 당신의 사업부는 "홀더"의 클래스있다

.holder input[type="submit"] 

하는 것으로 , "보유자"ID가 아니므로 .이 아닌 #을 사용하십시오.