cssでphp/styling内のクラスを割り当てる

Question

私はPHPでとても新しいので、私と一緒に裸です。私は私のデータベースから取得しているテーブルをスタイルしようとしています。

echo "<table class='rwd-table'>"; 

echo "<tr><th>ID</th><th>Username</th><th>Name</th><th>Last Name</th></tr>"; 

    while($row = mysqli_fetch_array($result)){ 

     echo "<tr><td data-th='Movie Title'>" . $row['id'] . "</td><td data-th='Genre'>" . $row['username'] . "</td> 
     <td data-th='Year'>" . $row['first_name'] . "</td><td data-th='Gross'" . $row['last_name'] . "</td></tr>"; 
    } 

echo "</table>"; 

そして、このように私のCSS：私は現在、このようにそれをエコーてる

.rwd-table { 
    ... 
    tr {... 
    } 
    th {... 
    } 
    td {... 
    } 
} 

.rwd-table { 
    ... 
} 

が、CSSは何も影響を与えていないようです。私は実際にこれを適用しようとしています： https://codepen.io/geoffyuen/pen/FCBEg 私の状況に。 助けてください。

Answer 1

だけではないネストCSSのことができます、私はコメントに入れどのような

.rwd-table { 
    ... 
    tr {... 
    } 
    th {... 
    } 
    td {... 
    } 
} 

.rwd-table { 
    ... 
} 

を詳しく説明するために、あなたはこの

.rwd-table tr{ 
    ... 
} 

.rwd-table th{ 
    ... 
} 

.rwd-table td{ 
    ... 
} 

それとも、あなたのような、独自のラインでそれらを行う必要があります類似のスタイルを持っていればそれらを組み合わせることができます。

.rwd-table tr, .rwd-table th, .rwd-table td{ 
    ... similar styles ... 
} 

.rwd-table tr{ 
    ... additional unique styles ... 
} 

ブラウザがこれらのCSSエラーにヒットすると、シートの処理が中止されるため、適用後も何も表示されません。そういうわけで、あなたのスタイルはどれもうまくいきません。

nested構文のこのタイプを使用することが可能であるが、あなたはSASS種類のSASSスタイルシートを取るテンプレートエンジン、同様に、CSSパーサである

http://sass-lang.com/

のようなものを使用する必要がありますあらかじめ通常のCSSにコンパイルしておく必要があります。

個人的に私は本当にそれが箱からうまくいったと思う！