頭と尻尾はくれてやる!

パソコンおやじのiPhoneアプリ・サイト作成・運営日記


CSSのクラスが反映されない

久しぶりにスタイルシート(CSS)をいじろうとしたらはまった。
どういうわけかCSSファイルの内容が反映されないのがある。意図通りに表示されるのもある。
なのでCSSファイルへのリンク切れなどではない。

.example {
color: red;
}
↑クラスで適用させるこのような記述があるとする。


<p class=”example”>text</p>
↑これがどういうわけか適用されないんだ、、、???

無駄にいろいろと調査しつつ、ようやく判明。

<p class=”example”>text1</p>
<p class="example">text2</p>
↑二つ並べるとわかるだろうか?

そう、ダブルクォーテーションが全角になっていたのだ、、、orz

なのでクラスじゃなくタグで指定してたのは意図通り表示されていた。

Chromeによるソースのチェック画像

↑Chromeでソース表示させてチェックもしてたけど、この違いじゃ気付けないわ。全角なら全角らしくどーんと目立ってくれたり、文字(ここだと'example')をクリックしたら該当するCSSの記述部分の表示でもしてくれたらいいのに。

過去に自分が書いたCSSファイルから持ってきたのをコピペしただけだと思うのだが、OSかエディタの不具合なのだろうか?細かいことはわからないが、無駄に時間を使ってしまった。
スポンサーサイト

<< コードの表示方法を変更  TopPage  CreateMLで人の顔を見分けたい >>

コメント


管理者にだけ表示を許可する
 

トラックバック

トラックバックURL
https://ringsbell.blog.fc2.com/tb.php/1301-bf4c5e93




Copyright ©頭と尻尾はくれてやる!. Powered by FC2 Blog. Template by eriraha.