여러 개의 클래스는

나는 약간의 질문을 가지고 그리고 내가 여기를 제외하고 답을 찾을 수있는 인터넷 곳이 없어 보인다 P여러 개의 클래스는

그래서 내가 몇 가지와 함께 html 페이지를 가지고있다가 tables. tables에는 행 (평소와 같이 : p)이 있으며 그 행에는 inputs입니다. 모든 CSS 파일에 규칙을 추가하고 싶습니다. 그 라인들은 거의 동일한 의미론 인 id을 가지고 있습니다. 나는이 사람에 미치는 영향 tr_ * 라인의 모든 입력을 CSS 규칙을 원하는 끝에

<table> 
    <tr id="tr_creneau_1"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
    <tr id="tr_creneau_2"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
</table> 

<table> 
    <tr id="tr_logo_1"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
</table>

여기 내 코드입니다.

출처

2012-06-12 Edouard Moinard

'class = "someclass"와 클래스를 기반으로 스타일을 대신 추가 할 수 없습니까? –

게시물 제목에서 클래스를 언급하지만 예제에서는 'id'가 사용됩니다. 보통 당신이 기술하고있는 행동의 종류는 클래스 (각 tr은 같은 클래스를 가질 수있다)로 쉽게 할 수 있지만, 특정 테이블 밑의 각 tr에 대한 CSS를 만들 수도있다. –

HTML이 유효하지 않습니다. ''님은 어디에 있습니까? – thirtydot

당신이 시도 할 수 있습니다 :

tr[id^="tr_"] input

그러나 이것은 CSS를 3 선택하고 그것을 또는 당신은 단순히 사용할 수 있습니다, 모든 브라우저에서 작동하지 않습니다

tr input

또는 클래스를 추가 해당 ID를 가진 모든 행에 해당 클래스를 일치시킵니다.

출처

2012-06-12 10:04:08 mck89

이것은 내가 감사 드리고 싶은 것입니다. : D 나는 이런 식의 선택자가 있다는 것을 몰랐습니다. 나는 * 또는 어떤 것을 시도했지만 완벽하게 작동했습니다! :) –

언제든지 타겟팅 할 각 테이블 행에 CSS 클래스를 추가 할 수 있습니다. 예 :

<table> 
    <tr id="tr_creneau_1" class="style-me"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
    <tr id="tr_creneau_2" class="style-me"> 
     <td> 
      <input /> 
     </td> 
    </tr> 
    <tr id="somethingElse"> 
     no input, so no class needed 
    </tr> 
</table>

다음과 같은 그래서 스타일 :

table .style-me input { 
    background-color: red; 
}

출처

2012-06-12 10:04:32 WickyNilliams

이것은 잘 작동하지만 나는 @ mck89 응답을 사용할 것입니다. 어쨌든, 고마워요 : –

이것은 충분히 성능이 뛰어나지 만 (문자열 일치 없음) 의미 론적 접근 방식이 있습니다. – WickyNilliams

오, 아마도 가장 뛰어난 연주자인지 모르겠지만, 다시 한번 감사 드리겠습니다. 다른 프로젝트에서 : –

당신은 시도 할 수 있습니다 : 자신의 ID가 tr_로 시작하면

tr[id^="tr_"] { --your css here-- }

는 그것은 tr 모든 태그를 확인합니다. 이 id 속성의 시작에있을 필요가없는 경우

, 단지 어딘가에 무작위, 당신은 사용할 수 있습니다 : I 클래스 기반의 접근 방식가는 제안 작동하지 않습니다

tr[id*="tr_"]

위의 경우 .

출처

2012-06-12 10:10:42

mck89가 나보다 한 발 앞섰다. :) –

그래도 어쨌든 고마워 ^^ –

여러 개의 클래스는

답변

관련 문제