2013-07-31 1 views
-1
<div style="margin-bottom:1em;"> 
    <input type="submit" value="Guest Access" name="guest_login" class="buttonhmpg" style="width:115px;" style=""> 
</div> 

우리는 버튼을 표시하는 구성에 따라 페이지에 "Guest Access"버튼이 있습니다. 그렇다면 구성 파일에 있음을 의미합니다. 그렇다면 버튼을 표시하고, 아니오이면 CSS를 사용하여 버튼을 숨 깁니다. 스타일 style=\"visibility:hidden\". 하지만 빈 스타일 태그 style=""을 제거하면 표시 및 숨기기 구성이 작동하지 않습니다. 하지만 style=""을 삭제하면 항상 표시됩니다.CSS : style = ""을 입력하는 것이 맞습니까?

내 질문은 style=""을 삽입하는 것이 합법입니까? 이 style=""의 beacause입니까, 때로는 게스트 액세스 버튼 이 표시되고 때로는 숨겨져 있습니까?

+7

동일한 HTML 요소에 두 개의'style' 속성을 두어서는 안됩니다. – orique

+0

어떤 orique가 말했듯이 이렇게하면됩니다 : style = "width : 115px; height : 0px;"'style = "width : 115px;" style = "height : 0px;"' –

답변

0

왜 수업을 추가하지 않으십니까?

.invisible { 
    display: none; 
    visibility: hidden; 
} 
1

아니오 주어진 HTML 속성 중 하나의 인스턴스 만 요소에 나타날 수 있습니다.

브라우저에 일치하는 이름 중 하나가 이미 요소에 존재하는 경우 속성을 무시해야합니다.

사용자 에이전트가 속성 이름 상태를 벗어날 때 (적절한 경우 태그 토큰을 방출하기 전에) 완전한 속성의 이름을 동일한 토큰의 다른 속성과 비교해야합니다. 동일한 이름의 토큰에 이미 속성이있는 경우, 이것은 해석 에러이며, 새로운 속성을 그 속성에 관련 지을 수 있었던 값과 함께 삭제할 필요가 있습니다.

- http://www.w3.org/TR/html5/syntax.html#attribute-name-state

당신은 (다른 규칙 세트로) 세미콜론으로 구분하여 규칙을 하나의 스타일 속성을 사용할 수 있지만, 아마도 클래스 스타일 속성에서 멀리 이동 및 사용에 보일 것입니다 스타일 시트에서 요소를 일치시킬 수 있습니다.

0

동일한 HTML 요소에 두 가지 스타일 속성이있는 것은 유효하지 않습니다. 하나의 단일 스타일 속성에 visibility:hidden; 부분을 추가하거나 제거해야합니다.

관련 문제