CSSで反映されないClassを上書きするには親要素から指定しよう！
CSSで同じ名前でclassを定義していると先に書かれている方が反映されてしまいます。 ただし、親から指定する書き方を使用するとclassが同じでも上書きすることが可能です。ベースのCSSは決まってい … 続きを読む CSSで反映されないClassを上書きするには親要素から指定しよう！...続きを読む
WordPress への埋め込み
HTML での埋め込み
埋め込むにはこの URL をコピーして WordPress サイトに貼り付けてください
<blockquote class="wp-embedded-content" data-secret="hAN1QBSZXb"><a href="https://giriemon.net/css-class-overwrite/">CSSで反映されないClassを上書きするには親要素から指定しよう！</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://giriemon.net/css-class-overwrite/embed/#?secret=hAN1QBSZXb" width="600" height="400" title="“CSSで反映されないClassを上書きするには親要素から指定しよう！” — Giriemon.Netz" data-secret="hAN1QBSZXb" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /*! This file is auto-generated */ !function(c,d){"use strict";var e=!1,o=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(/[^a-zA-Z0-9]/.test(t.secret));else{for(var r,s,a,i=d.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),n=d.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),o=new RegExp("^https?:$","i"),l=0;l<n.length;l++)n[l].style.display="none";for(l=0;l<i.length;l++)if(r=i[l],e.source!==r.contentWindow);else{if(r.removeAttribute("style"),"height"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if("link"===t.message)if(s=d.createElement("a"),a=d.createElement("a"),s.href=r.getAttribute("src"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener("message",c.wp.receiveEmbedMessage,!1),d.addEventListener("DOMContentLoaded",t,!1),c.addEventListener("load",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf("MSIE 10"),a=!!navigator.userAgent.match(/Trident.*rv:11\./),i=d.querySelectorAll("iframe.wp-embedded-content"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute("data-secret")))r=Math.random().toString(36).substr(2,10),t.src+="#?secret="+r,t.setAttribute("data-secret",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute("security"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:"ready",secret:r},"*")}}}}(window,document); </script>
埋め込むにはこのコードをコピーしてサイトに貼り付けてください
