Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2015年08月11日(火)

CSSのID・クラス名の頭文字に数字を使用する方法

CSSのID・クラス名の頭文字に数字を使用する方法

Posted: 2015.08.11 / Category: HTML&CSS 

CSSは普通だとidやclassの頭文字に数字は使用できないのですが、使用する方法をご紹介します。

Sponsored Link

使用方法

HTMLのクラス名に単純に「3」と付けてみましょう。

テスト

CSSでは文字コードを指定すれば使用できまるんですね。

.33 { color: red; }

あとは属性セレクタを使用することでも同じことができます。

[class="3"] { color: red; }

その他使用例

直接50%とか指定してみたり。

テスト
テスト
.35 0% { width: 50%; }

文字コードを指定すればこんな感じで括弧も使えます。

テスト
テスト
.31 00%(...

author:

web0pixel

http://www.webopixel.net/

Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。

今日のwebデザイン記事ランキングを見る

Ads

Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。web0pixelの記事『CSSのID・クラス名の頭文字に数字を使用する方法』についてまとめています。

この記事は特にCSS3・Dreamweaver・facebook・Google・HTML5・iOS・javascript・jQuery・LINE・Mac・Photoshop・SEO・twitter・Webサービス・WordPress・アニメーション・アプリ・レスポンシブについて書かれており、 HTML+CSSコーディング、Webサービスのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のweb0pixelで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとweb0pixelの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ

アプデ情報