HTML의 여러 클래스 속성

HTML의 여러 클래스 속성

요소가 여러 개일 때 발생하는 현상class속성?

<div id="test" class="one two three" class="four">

의 출력에 클래스를 추가하려고 합니다.post_class();WordPress 플러그인에 포함되지만 함수 자체가 전체 부분을 만듭니다.class="one two three"

와 동등합니까?class="one two three four"아니면 첫 번째 또는 두 번째가 이기나요?아니면 정의되지 않은 동작이며, 이 경우 주요 브라우저는 무엇을 합니까?

이 스니펫(WordPress 플러그인)에 클래스를 추가하는 올바른 방법을 알고 있다면, 그것도 매우 감사하겠습니다!

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

요소에 여러 클래스 속성이 있는 경우 어떻게 됩니까?

Atribute가 1개의 요소(HTML이 무효)에 대해 여러 번 선언된 경우, 동작 면에서는 첫 번째 값이 동일한 Atribute의 모든 후속 값을 덮어씁니다.따라서 이 경우 요소에는 클래스만 포함됩니다.one two three.

이 동작은 HTML5 사양 8.2.4.35 Attribute name state "... [element]에 동일한 이름의 Atribute가 이미 존재하는 경우 해석 오류이므로 새 Atribute를 삭제해야 합니다.."

이 스니펫(WordPress 플러그인)에 클래스를 추가하는 올바른 방법을 알고 있다면, 그것도 매우 감사하겠습니다!

일반적으로 WordPress 투고에 동적으로 커스텀클래스를 추가해야 할 경우post_class필터링 및 조작$classes어레이를 설정합니다.제 테마에서는 대략 다음과 같습니다.

function nv_post_class( $classes ) {
    // Most recent post on the front page
    global $count;
    if ( is_home() && 1 == $count )
        $classes[] = 'latest-post';

    return $classes;
}

add_filter( 'post_class', 'nv_post_class' );

하나 이상의 정적 클래스만 추가할 필요가 있는 경우 공백으로 구분된 문자열로 직접 전달합니다.post_class():

<div id="post-<?php the_ID(); ?>" <?php post_class( 'myclass1 myclass2' ); ?>>

자세한 내용은 WordPress Codex를 참조하십시오.

그러면 문서가 비활성화되고 브라우저가 오류 복구를 시도합니다.

HTML 5 의 사양으로부터:

속성 이름이 이미 속성 목록에 있는 경우 속성 레이블로 지정된 단계로 돌아갑니다.

따라서 HTML 5 파서를 사용하는 경우 첫 번째 속성이 적용됩니다.

언급URL : https://stackoverflow.com/questions/9512330/multiple-class-attributes-in-html