HTML 컨테이너에 여러 클래스를 할당하는 방법은 무엇입니까? [닫은]

398

단일 HTML컨테이너에 여러 클래스를 할당 할 수 있습니까?

다음과 같은 것 :

<article class="column, wrapper">

html class

— 아르고
소스

지금 무슨 문제가 있습니까? 그것은이 문제에 대한 해결책이었습니다. 다른 문제는 여러 가지 요인에 따라 달라질 수 있습니다.

— Aurelio De Rosa

1

이것이 가능하지만 일반적으로 CSS 상속과 함께 중첩 컨테이너를 사용합니다. 훨씬 더 예쁘고 일반적으로 더 유용합니다.

— Jonathan Henson

쉼표를 제거한 후에도 여전히 문제가 발생하면 규칙이 작동하지 않는 이유 에 대한 지침을 참조하십시오 . 가장 일반적인 속도 범프는 "간결한 poperty 사용"(즉, 기본값으로 되돌림)으로 설명 된 상황입니다.

— LJ의 NJ

531

다음과 같이 쉼표를 제거하십시오.

<article class="column wrapper">

— 아우렐리오 데 로사
소스

3

— Andre Elrico 님이

1

쉼표 대신 공간을 넓 힙니다. 그러나 답변 주셔서 감사합니다

— Soham Mehta

188

표준에서

7.5.2 요소 식별자 : id와 class 속성

속성 정의

id = name [CS]
이 속성은 요소에 이름을 지정합니다. 이 이름은 문서에서 고유해야합니다.

class = cdata-list [CS]
이 속성은 클래스 이름 또는 클래스 이름 세트를 요소에 지정합니다. 여러 요소에 동일한 클래스 이름을 지정할 수 있습니다. 여러 클래스 이름은 공백 문자로 구분해야합니다.

예, 그냥 사이에 공백을 두십시오.

<article class="column wrapper">

물론 CSS 상속으로 할 수있는 일이 많이 있습니다. 자세한 내용 은 다음을 참조하십시오 .

— 조나단 헨슨
소스

3

요소가 동일한 속성에 대해 다른 값을 설정하는 여러 클래스에 지정된 경우 브라우저가 어떻게 반응해야합니까 우선 순위가 있습니까?

— EternallyCurious

6

@JonathanHenson : 아뇨, 그렇지 않습니다. 특이성이 묶인 경우 나중에 CSS에서 발생하는 규칙이 우선합니다.

— Ulrich Schwarz

1

@ UlrichSchwarz 나중에 나열된 CSS 클래스 (이 테스트 할 때 기대했던 것) 또는 나중에 모든 CSS 파일에서? 전자는 필자가 테스트 한 브라우저에서 가장 확실하게 작동하지 않기 때문에 후자의 가설을 테스트했습니다.

— Jonathan Henson

9

@JonathanHenson : CSS 2.1 사양 에 따르면 , "두 선언의 가중치, 원산지 및 특이성이 동일하면 후자가 우선합니다. 가져온 스타일 시트의 선언은 스타일 시트 자체의 선언보다 먼저 간주됩니다." CSS 선언 순서입니다. 클래스 속성의 이름은 지정된 순서가 없습니다. ref의.foo 구문 설탕 이므로 " 속성 의 단어입니다 ". [class ~= foo] fooclass

— Ulrich Schwarz

1

@UlrichSchwarz 설명해 주셔서 감사합니다.

— Jonathan Henson

18

지정하려면 여러 클래스를 에 html 요소 클래스 속성의 인용에서 두 클래스 이름을 포함하고는 공백으로 구분 가지고 :

<article class="column wrapper">

위의 예에서 column와 wrapper두 개의 CSS 클래스가 있으며, 이들 특성 모두에 적용되는 article소자.

— Webeng
소스

16

이 답변이 이전 답변과 다른 점은 무엇입니까?

— Iván Rodríguez Torres

-2

당신은 같은 클래스 사이에 점을 넣어야합니다

class = "column.wrapper">

— 쿠마르
소스