動作しません。これは、問題がどこにあるか私は正確に知らないので、それは多くのですが、私はそれを表示したいAJAXローディングポスト:n番目の子は
<div class="row newsrow">
<div>
<div id="ajax-load-more" class="ajax-load-more-wrap alm-0" data-alm-id="0" data-canonical-url="http://bayron.nl/" data-slug="home">
<ul class="alm-listing alm-ajax " data-repeater="default" data-post-type="post" data-post-format="" data-category="" data-category-not-in="" data-tag="" data-tag-not-in="" data-taxonomy="" data-taxonomy-terms="" data-taxonomy-operator="" data-taxonomy-relation=""
data-meta-key="" data-meta-value="" data-meta-compare="" data-meta-relation="" data-meta-type="" data-year="" data-month="" data-day="" data-author="" data-post-in="" data-post-not-in="" data-exclude="" data-search="" data-custom-args="" data-post-status=""
data-order="DESC" data-orderby="date" data-offset="0" data-posts-per-page="3" data-lang="" data-scroll="false" data-scroll-distance="150" data-max-pages="0" data-pause-override="false" data-pause="false" data-button-label="Older Posts" data-button-class=""
data-destroy-after="" data-transition="fade" data-images-loaded="true">
<div class="alm-reveal">
<li>
<div class="list-content">
<img width="360" height="240" src="http://bayron.nl/wp-content/uploads/2017/01/helsinki.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://bayron.nl/wp-content/uploads/2017/01/helsinki.jpg 360w, http://bayron.nl/wp-content/uploads/2017/01/helsinki-300x200.jpg 300w"
sizes="(max-width: 360px) 100vw, 360px">
<h3><a href="http://bayron.nl/2017/01/27/future-digital-finance-forum/" title="FUTURE DIGITAL FINANCE FORUM">FUTURE DIGITAL FINANCE FORUM</a></h3>
<p>April 2017 | Helsinki | Keynote Speaker</p>
<p>Future Digital Finance Forum gathers the pioneers and decision makers to discuss the opportunities and challenges caused by digitalization and disruption in the industry.</p>
</div>
</li>
<li>
<div class="list-content">
<img width="384" height="240" src="http://bayron.nl/wp-content/uploads/2017/01/wroclaw.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://bayron.nl/wp-content/uploads/2017/01/wroclaw.jpg 384w, http://bayron.nl/wp-content/uploads/2017/01/wroclaw-300x188.jpg 300w"
sizes="(max-width: 384px) 100vw, 384px">
<h3><a href="http://bayron.nl/2017/01/27/impactcee-2016-fintechinsurtech/" title="IMPACTCEE 2016 FINTECH/INSURTECH">IMPACTCEE 2016 FINTECH/INSURTECH</a></h3>
<p>December 2016 | Wroclaw | Keynote Speaker</p>
<p>This is the most content driven fintech congress in the Central Eastern Europe gathering the top industry innovators.</p>
</div>
</li>
<li>
<div class="list-content">
<img width="360" height="191" src="http://bayron.nl/wp-content/uploads/2017/01/classof17.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://bayron.nl/wp-content/uploads/2017/01/classof17.jpg 360w, http://bayron.nl/wp-content/uploads/2017/01/classof17-300x159.jpg 300w"
sizes="(max-width: 360px) 100vw, 360px">
<h3><a href="http://bayron.nl/2017/01/27/meet-the-11-startup-teams-from-our-fintech-cybersecurity-2017-class/" title="MEET THE 11 STARTUP TEAMS FROM OUR FINTECH & CYBERSECURITY 2017 CLASS!">MEET THE 11 STARTUP TEAMS FROM OUR FINTECH & CYBERSECURITY 2017 CLASS!</a></h3>
<p>November 2016 | Startup Bootcamp</p>
<p>On the 22-23 of November, Selection Days for our FinTech & CyberSecurity program took place. The event was very special: not only it was selecting the first cohort for our recently announced FinTech & CyberSecurity program but also
celebrating the 100th startup selected for the programs in Amsterdam.<br> The event truly was a celebration of entrepreneurship, empowerment, ecosystem and innovation. <a href="https://youtu.be/uPsCgRjL6bc" target="_blank">Watch the aftermovie to feel the energy.</a></p>
<p> </p>
</div>
</li>
</div>
</ul>
<div class="alm-btn-wrap"><button id="load-more" class="alm-load-more-btn more">Older Posts</button></div>
</div>
</div>
</div>
のためのワードプレスのプラグインのhtmlです。私が使っているクラスがHTMLのどこにあるのかを説明しようとします
これは私がプロジェクトで使っている唯一の2番目の子供であり、動作しません。
.alm-listing > li:nth-child(4) {
padding: 0 10px;
margin-top: 5%
}
.alm-listing > li:nth-child(3) {
position: absolute;
top: 20%;
left: 0;
right: 0;
color: #fff
}
.alm-listingのクラスは、4番目のHTML要素から開始されます。順序付けられていないリスト の場合、cssはそのULのリスト要素を選択する必要があります。これらのリスト要素では、3番目と4番目の要素(2つの異なる段落)がn番目の子要素によって選択されるはずです。リストコンテンツのクラスでdivを心配しないで、私はそれを取り除こうとしましたが、CSSはまだ動作しません。
私に助けてくれる人がいれば、それほど感謝します!
>の間に.almは、明らかにdiv要素があり、Liはありません直接の子要素を意味します。あなたはそのdivを削除しようとしましたか?または、CSSを.alm-listing> div> li:nth-child()に変更しますか? –
ええ、私はそれを試みました。私もCSSの.alm-revealに.alm-listingを変更しようとしましたが、どちらもうまくいきません。 – Bayron2304