親HTMLでリンクされたスタイルシートを子HTMLにアクセスできるようにする方法

-1

カスタムスタイルシートを親HTMLにリンクしています。親HTMLには、ボタンをクリックするだけで起動する子HTMLがもう1つあります。親HTMLでリンクされたスタイルシートを子HTMLにアクセスできるようにする方法

この子HTMLは、jQueryプラグインを使用してボタンをクリックすると動的に作成され、子HTMLはYouTube動画が埋め込まれるモーダルになります。

子HTML要素またはそれに関連付けられたスタイルシートが動的にビルドされているためアクセスできないため、カスタムビルドスタイルシートを使用して子HTMLスタイルを上書きする方法を教えてください。デフォルトでは「そのまま」、それが来る子HTMLにアクセス可能な親HTMLでリンクされたスタイルシートを作るためにどのようにあなたの質問については

<html> <head> <meta charset="utf-8"> <script src="jquery-1.11.1.js"></script> <script src="showYTVideo.js"></script> <link href="showYtVideo.css" rel="stylesheet" type="text/css"> </head> <body> <h1>YouTube Modal</h1> <button type="button" class="show-modal">Thumbnail</button>  </body> </html>

出典

2016-09-28 Nikhil Bharadwaj

。 htmlをhtmlにロードすると、親のスタイリングが使用されます。

2番目の質問カスタムビルドスタイルシートを使用して子HTMLスタイルを上書きする方法を教えてください。ただ、次の例のようにaccuratedセレクタを使用します。あなたが見ることができるように

/* OWN styles */ 
 

 
div.one > div.two > p.three > span.four {color: red; font-weight:bold; font-size:1.2em;} 
 

 

 
/* external styles */ 
 

 
p > .four{color:blue; font-weight:normal; font-size: 2rem;}

<div class="one"> 
 
    <div class="two"> 
 
    <p class="three"> 
 
     <span class="four"> 
 
     lalalalala 
 
     </span> 
 
    </p> 
 
    </div> 
 
</div>

、「外部」たちのCSSセレクタがよりaccuratedされているとして、内部（自分の）スタイルの後にロードされますが、外部よりも、私たちは他者を無視して効果を発揮します。（約CSS prioritiesを読む）

希望する！

出典

2016-09-28 09:55:07 JoelBonetR

親HTMLでリンクされたスタイルシートを子HTMLにアクセスできるようにする方法

答えて

関連する問題