ホームページ > ウェブフロントエンド > jsチュートリアル > 疑似要素の前後にjsエフェクトを設定する方法_javascriptスキル

疑似要素の前後にjsエフェクトを設定する方法_javascriptスキル

WBOY
リリース: 2016-05-16 15:27:47
オリジナル
1605 人が閲覧しました

カスケード スタイル シート (CSS) の主な目的は、HTML 要素にスタイルを追加することですが、場合によっては、ドキュメントに要素を追加することが冗長であるか、不可能です。実際、CSS には、ドキュメント自体を乱すことなく要素を追加できる機能があり、それが「疑似要素」です。

前の単語

疑似要素の前後に js エフェクトを直接設定することはできません


ここで、(ID がボックス、コンテンツが「I am test content」の div を持つ div) に (:before content is "prefix"、color is red 疑似クラス) を追加する必要があります

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="box">我是测试内容</div>  <script>    var oBox = document.getElementById('box');  </script>
</body>
</html> 
ログイン後にコピー

解決策

【方法1】CSSスタイルを動的に埋め込む

IE8 ブラウザは、