ひよこwebプログラマーの覚え書き

エクセルとwebで効率化しますさせます

*

after擬似要素が分裂する場合の対処方法

   

Pocket

after擬似要素の付いている要素にappendすると、afterが分裂します。
appendすると、appendした要素の後にafterがもう一度発生するためこのようなことが起こります。
(chromeで確認済み。他のブラウザでは未検証)

となるが、この後に

を入れると

となる。

回避方法は、上記の例だと

  • 最初のcssではafterを使わず、jsでspanを追加した後にafter擬似要素ではなく普通にspanかdiv要素にして追加する。
  • jsで一番最後にafter擬似要素をcssに追加。

辺りでしょうか。私は前者を使いました。

 - css, javascript, プログラム

Message

メールアドレスが公開されることはありません。

  関連記事

URLバーのURLを変更する方法

URLバーのURLを変更する方法。 history.replaceState() …

locationを画面遷移させずに変更したい時

無理です、諦めましょう。 唯一例外的に可能なのはlocation.hashのみで …

javascriptで全ての外部リンクにイベントトラッキングを付ける

まずはコードから [crayon-58b1a82b0864a461342857/ …

Contact Form 7で複数の項目をPHPで処理する

Contact Form 7、お問い合わせフォームの定番プラグインです。 デフォ …

イラストレーターでjavascriptを使う時のデバッグ方法など

まず、イラストレーターを開いて下さい。 既存のファイルを開くか、ctrl+Nで新 …

no image
jQueryでanimationがうまく動かない件

こんな感じで大雑把にanimationを設定していると [crayon-58b1 …

javascriptで配列・オブジェクトの判定

返り値はboo …

Illustrator CS6でjavascriptを使う方法

Illustratorでマクロを使う方法。 大きく分けて「アクション」と「スクリ …

イラストレーターのjavascriptマクロのサンプル

最上位レイヤーを削除する場合はこのような感じです。 deleteitemsに任意 …

no image
google拡張機能を開発する その6 公開編

後はいよいよ公開するだけです。 https://chrome.google.co …