PHP 대상 행을 변경하려면 배경색

이것은 곱셈 테이블에 대한 코드입니다. PHP와 HTML/CSS를 결합하여 모든 행의 배경색을 흰색 또는 회색으로 바꿔야합니다.PHP 대상 행을 변경하려면 배경색

행을 사용하여 %2==1 and %2==0 to을 사용하여 홀수와 짝수 행을 찾습니다.하지만 어떻게하면이 행을 사용하여 ID 또는 클래스를 내 CSS 파일에서 타겟팅 할 수 있습니까? 어디에서이 코드를 삽입하나요?

<?php 
    echo '<table>'; 
    echo '<tr><th></th>'; 
    for ($x = 1; $x <= 9; $x++) 
     echo '<th>'.$x.'</th>'; 
    echo '</tr>'; 
    for ($y = 1; $y <= 9; $y++) 
    { 
     echo '<tr><th>'.$y.'</th>'; 
     for ($z = 1; $z <= 9; $z++) 
     { 
      echo '<td>'.($y * $z).'</td>'; 
     } 
     echo '</tr>'; 
    } 
    echo '</table>'; 
?>

출처

2014-01-28 tonesbonesjones

'TD : 여기

tr:nth-child(even) { background: #f5f5f5; } tr:nth-child(odd) { background: #ddd; }

는 바이올린이 선보였다 n 번째의 아이를 (심지어) {배경 : # f5f5f5} TD : nth-child (홀수) {배경 : #ddd}' – mdesdev

@mdesdev 다시! 이 질문에 답을해야합니다. 최선의 방법입니다. –

@DrydenLong 하하하하니, 지금 당장 바쁜 무언가를하고 있습니다. 때때로 새로운 질문을하고 의견을 말하기 만하면됩니다. 가지고 가서 그것을 게시, 조금 정교한) – mdesdev

, 최고의 CSS,하지만 당신은 PHP와 함께 할 필요가 있다면, 당신은 할 수 :

<?php 
echo '<table>'; 
echo '<tr><th></th>'; 
for ($x = 1; $x <= 9; $x++) 
    echo '<th>'.$x.'</th>'; 
echo '</tr>'; 
for ($y = 1; $y <= 9; $y++) 
{ 
    echo '<tr class="'. (($y%2 == 0) ? 'even' : 'odd').'"><th>'.$y.'</th>'; 
    for ($z = 1; $z <= 9; $z++) 
    { 
     echo '<td>'.($y * $z).'</td>'; 
    } 
    echo '</tr>'; 
} 
echo '</table>';

을 다음 당신은 단지 CSS 클래스를 추가해야하고, 모든 작동됩니다 .

출처

2014-01-28 19:45:09 Chococroc

전체 요점은 PHP로 html/css 조작을 연습하는 것이 었습니다. 이것은 매우 도움이되었고, 또한 삼항 조건을 사용하는 방법을 배웠습니다. 감사! – tonesbonesjones

echo '<tr class ="' . ($y % 2 == 0 ? 'even' : 'odd') . '"><th>'.$y.'</th>';

는 클래스를

조건을 삽입 할 삼항 연산자를 사용할 수 있습니까? 참인 경우 : 거짓 인 경우;

드 라이덴 긴 댓글

출처

2014-01-28 19:43:09 RyanS

CSS가 대체 요소의 스타일을 잘 정할 수있을 때 PHP로 클래스를 할당 할 필요가 없습니다. nth-child을 사용하면 쉽게 대체 행을 스타일링 할 수 있습니다. 여기 nth-child 선택에 대한 추가 정보를 원하시면되어 Fiddle

을 그리고 : https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

출처

2014-01-28 19:48:14

+1 물론) – mdesdev

@mdesdev 고마워! –

당신을 환영합니다;) – mdesdev

PHP 대상 행을 변경하려면 배경색

답변

관련 문제