2018-07-03

anond:20180703171657

できるよ

どうせ読み込み方間違えてるんだろ

<html>

<head>

<link rel="stylesheet" href="masuda.css">

<style type="text/css">

</style>

</head>

<body>

<table>

<thead>

<tr>

<th></th>

<th>column1</th>

<th>column2</th>

</tr>

</thead>

<tbody>

<tr>

<td></td>

<td>foo</td>

<td></td>

</tr>

<tr>

<td></td>

<td>bar</td>

<td></td>

</tr>

<tr>

<td></td>

<td>baz</td>

<td></td>

</tr>

</tbody>

</table></body>

</html>





masuda.cssは↓

table {

counter-reset: rowCount;

}

table > tbody > tr {

counter-increment: rowCount;

}

table > tbody > tr > td:first-child::before {

content: counter(rowCount);

}

記事への反応 -
  • &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;&lt;html lang=&quot;ja&quot;&gt;&lt;head&gt; &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=Shift_JIS&quot;&gt; &lt;title&gt;

    • https://qiita.com/hoto17296/items/c904a00ec48230d8d265 これやってもダメ。 行頭に番号は振られない。

      • &#60;html&#62; &#60;head&#62; &#60;style type="text/css"&#62; table { counter-reset: rowCount; } table &#62; tbody &#62; tr { counter-increment: rowCount; } table &#62; tbody &#62; tr &#62; td:first-child::before { content: counter(rowCount); ...

        • できたああああああああああああああああ!!!!!!!1 親切な増田、超ありがとう!!!!!!1 ありがとうありがとうありがとう!!!!!!!!!!!!!!

      • これでいけんぞ Table tr{ counter-increment: count; } Table tr td:before{ content:counter(count); }

        • ごめんダメだわ。やり方が違うのかも。 HTMLタグの中のbodyタグの中にtableコピペして、 CSS参照とあるけどまずは同じHTML内からのほうが良いかなと思って bodyタグの最後にjavascriptのscriptタ...

      • まさかCSS定義してないとかじゃないよな? ブラウザがIE6とか

        • 元々使ってるCSSがあるからそれに上書きした。 ほかにTABLEタグに関わるもの等ないのは確認済み。 IEは8だったと思う。 Chromeで見ても同じ。

      • なんでscriptなんだよstyleタグの中にかけ https://anond.hatelabo.jp/20180703165428

    • 全文貼ろうにも文字化けしちゃうんだよなぁ。

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん