使用 Selenium 添加新的 CSS
Posted
技术标签:
【中文标题】使用 Selenium 添加新的 CSS【英文标题】：Adding new CSS using Selenium 【发布时间】：2018-07-12 09:45:58 【问题描述】：我正在尝试使用 Selenium 和 Chrome 显示 this page 中的所有价格，然后截屏。默认情况下，我们只能看到 3 个价格。无论如何都要禁用slick-slider，这样我就可以看到所有5个价格。我尝试从div class="plansSlider slick-initialized slick-slider" 中删除每个plansSlider slick-initialized slick-slider，但它似乎不起作用。
正确的做法是什么？
这里是 html：
<div class="plansSlider slick-initialized slick-slider" role="toolbar"><button type="button" class="planTable-prev ico-arrow-left slick-arrow slick-disabled" aria-disabled="true" style="display: block;">Previous</button>
<div aria-live="polite" class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 1640px; left: 0px;" role="listbox"><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 328px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
<div class="swiper-slide columns">
<div class="plan">
<div data-equalizer-listener="plan-heading" class="plan-header">
<div class="prices">
<div class="col total">
<div class="price"><sup>$</sup><span class="amount">15</span> <span class="caption">per month</span></div>
</div>
<p class="min-payment">Min. Total Cost is $360 over 24 months excluding any discounts.</p>
</div>
</div>
<div class="features">
<div class="feature first" data-equalizer-selector="included-data" style="min-height: 160px;">
<div class="description"><span class="highlight-text">2GB DATA</span><br>
<span class="legal">Cost of 1MB included data $0.0073</span> <span class="legal">$10 per extra 1 GB</span></div>
</div>
<div class="feature first" data-equalizer-selector="data-pool" style="min-height: 76px;">
<div class="description"><span class="">Data Pool</span></div>
<div class="more-talk-info hide hide" data-information="included-data">
<div class="description column" style=" margin-top: 1em;"><span class="legal">Combine any of our latest My Plan Plus (including SIM only) and My Mobile Broadband Plus plans on the one bill to pool and share data.</span></div>
</div>
<div><a class="more-talk-link" href="#" data-information="included-data" tabindex="0">more</a></div>
</div>
<!-- Included Entertainment -->
<div class="feature standard" style=" min-height: 220px;">
<div class="description"><span>Included Entertainment</span></div>
<div class="icon-container description"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"></div>
<div class="icon-container description">
<p class="legal">Discover more entertainment options</p>
</div>
<div class="more-ent-info" data-information="included-entertainment">
<div class="description column" style=" margin-top: 1em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Music Streaming</span><span class="legal"><b>(Not suitable for modems)</b></span> <span class="legal">Stream music on Google Play Music, iHeartRadio and Spotify mobile apps without using your plan's data.</span></div>
</div>
<div class="description column" style=" margin-top: 1em;"><span class="textLeft" style=" display: block;">Optional</span></div>
<div class="description column" style=" margin-top: 2em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/tv-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Mobile TV Streaming</span><span class="legal">Stream selected streaming services without using plan data. $10p/m. <a href="#svod" tabindex="0">See more</a><br>
<strong><small>Additional Fees apply</small></strong></span></div>
</div>
</div>
<div><a class="more-ent-link" href="#" data-information="included-entertainment" tabindex="0">less</a></div>
</div>
<div data-equalizer-listener="footer" class="plan-footer">
<p class="restriction">All for use within Australia.</p>
<div class="large-12"><a class="yellow button" href="http://www.optus.com.au/shop/tablet/devices" style=" font-size: 16px;" tabindex="0">Shop Tablets</a> <a class="yellow button" href="http://www.optus.com.au/shop/broadband/mobilebroadband" style=" font-size: 16px;" tabindex="0">Shop Modems</a></div>
<br>
<p class="cis"> <a target="_blank" class="cis-link" href="//smb.optus.com.au/opfiles/Shop/All/cis/Cis%20Documents/1415704_CIS_$15_My_Mobile_Broadband_Plus_2GB.pdf" tabindex="0">Critical Information Summary</a></p>
</div>
</div>
</div>
</div>
</div><div class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 328px;" tabindex="-1" role="option" aria-describedby="slick-slide01">
<div class="swiper-slide columns">
<div class="plan ">
<div data-equalizer-listener="plan-heading" class="plan-header">
<div class="prices">
<div class="col total">
<div class="price"><sup>$</sup> <span class="amount">25</span> <span class="caption">per month</span></div>
</div>
<p class="min-payment">Min. Total Cost is $600 over 24 months excluding any discounts.</p>
</div>
</div>
<div class="features">
<div class="feature standard first" data-equalizer-selector="included-data" style="min-height: 160px;">
<div class="description"><span class="highlight-text">5GB DATA</span><br>
<span class="legal">Cost of 1MB included data $0.0049</span> <span class="legal">$10 per extra 1 GB</span></div>
</div>
<div class="feature first" data-equalizer-selector="data-pool" style="min-height: 76px;">
<div class="description"><span class="">Data Pool</span></div>
<div class="more-talk-info hide hide" data-information="included-data">
<div class="description column" style=" margin-top: 1em;"><span class="legal">Combine any of our latest My Plan Plus (including SIM only) and My Mobile Broadband Plus plans on the one bill to pool and share data.</span></div>
</div>
<div><a class="more-talk-link" href="#" data-information="included-data" tabindex="0">more</a></div>
</div>
<!-- Included Entertainment -->
<div class="feature standard" style=" min-height: 220px;">
<div class="description"><span>Included Entertainment</span></div>
<div class="icon-container description"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"></div>
<div class="icon-container description">
<p class="legal">Discover more entertainment options</p>
</div>
<div class="more-ent-info" data-information="included-entertainment">
<div class="description column" style=" margin-top: 1em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Music Streaming</span><span class="legal"><b>(Not suitable for modems)</b></span> <span class="legal">Stream music on Google Play Music, iHeartRadio and Spotify mobile apps without using your plan's data.</span></div>
</div>
<div class="description column" style=" margin-top: 1em;"><span class="textLeft" style=" display: block;">Optional</span></div>
<div class="description column" style=" margin-top: 2em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/tv-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Mobile TV Streaming</span><span class="legal">Stream selected streaming services without using plan data. $10p/m. <a href="#svod" tabindex="0">See more</a><br>
<strong><small>Additional Fees apply</small></strong></span></div>
</div>
</div>
<div><a class="more-ent-link" href="#" data-information="included-entertainment" tabindex="0">less</a></div>
</div>
<div data-equalizer-listener="footer" class="plan-footer">
<p class="restriction">All for use within Australia.</p>
<div class="large-12"><a class="yellow button" href="http://www.optus.com.au/shop/tablet/devices" style=" font-size: 16px;" tabindex="0">Shop Tablets</a> <a class="yellow button" href="http://www.optus.com.au/shop/broadband/mobilebroadband" style=" font-size: 16px;" tabindex="0">Shop Modems</a></div>
<br>
<p class="cis"> <a target="_blank" class="cis-link" href="//smb.optus.com.au/opfiles/Shop/All/cis/Cis%20Documents/1415705_CIS_$25_My_Mobile_Broadband_Plus_5GB.pdf" tabindex="0">Critical Information Summary</a></p>
</div>
</div>
</div>
</div>
</div><div class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" style="width: 328px;" tabindex="-1" role="option" aria-describedby="slick-slide02">
<div class="swiper-slide columns">
<div class="plan">
<div data-equalizer-listener="plan-heading" class="plan-header">
<div class="prices">
<div class="col total">
<div class="price"><sup>$</sup> <span class="amount">35</span> <span class="caption">per month</span></div>
</div>
<p class="min-payment">Min. Total Cost is $840 over 24 months excluding any discounts.</p>
</div>
</div>
<div class="features">
<div class="feature PO_Included_Data standard first" data-equalizer-selector="included-data" style="min-height: 160px;">
<div class="description"><span class="highlight-text">10GB DATA</span><br>
<span class="legal">Cost of 1MB included data $0.0034</span> <span class="legal">$10 per extra 1 GB</span></div>
</div>
<div class="feature first" data-equalizer-selector="data-pool" style="min-height: 76px;">
<div class="description"><span class="">Data Pool</span></div>
<div class="more-talk-info hide hide" data-information="included-data">
<div class="description column" style=" margin-top: 1em;"><span class="legal">Combine any of our latest My Plan Plus (including SIM only) and My Mobile Broadband Plus plans on the one bill to pool and share data.</span></div>
</div>
<div><a class="more-talk-link" href="#" data-information="included-data" tabindex="0">more</a></div>
</div>
<!-- Included Entertainment -->
<div class="feature standard">
<div class="description"><span>Included Entertainment</span></div>
<div class="icon-container description"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/tv-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/epl-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"></div>
<div class="icon-container description">
<p class="legal">Discover more entertainment options</p>
</div>
<div class="more-ent-info" data-information="included-entertainment">
<div class="description column" style=" margin-top: 1em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Music Streaming</span><span class="legal"><b>(Not suitable for modems)</b></span> <span class="legal">Stream music on Google Play Music, iHeartRadio and Spotify mobile apps without using your plan's data.</span></div>
</div>
<div class="description column" style=" margin-top: 2em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/tv-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Mobile TV Streaming</span><span class="legal">Stream selected streaming services without using plan data. <a href="#svod" tabindex="0">See more</a></span></div>
</div>
<div class="description column" style=" margin-top: 1em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/epl-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">OPTUS SPORT</span> <span class="legal">Optus Sport subscription included at no extra charge.</span></div>
</div>
</div>
<div><a class="more-ent-link" href="#" data-information="included-entertainment" tabindex="0">less</a></div>
</div>
<div data-equalizer-listener="footer" class="plan-footer">
<p class="restriction">All for use within Australia.</p>
<div class="large-12"><a class="yellow button" href="http://www.optus.com.au/shop/tablet/devices" style=" font-size: 16px;" tabindex="0">Shop Tablets</a> <a class="yellow button" href="http://www.optus.com.au/shop/broadband/mobilebroadband" style=" font-size: 16px;" tabindex="0">Shop Modems</a></div>
<br>
<p class="cis"> <a target="_blank" class="cis-link" href="//smb.optus.com.au/opfiles/Shop/All/cis/Cis%20Documents/1415713_CIS_$35_My_Mobile_Broadband_Plus_10GB.pdf" tabindex="0">Critical Information Summary</a></p>
</div>
</div>
</div>
</div>
</div><div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 328px;" tabindex="-1" role="option" aria-describedby="slick-slide03">
<div class="swiper-slide columns">
<div class="plan">
<div data-equalizer-listener="plan-heading" class="plan-header">
<div class="prices">
<div class="col total">
<div class="price"><sup>$</sup><span class="amount">50</span> <span class="caption">per month</span></div>
</div>
<p class="min-payment">Min. Total Cost is $1200 over 24 months excluding any discounts.</p>
</div>
</div>
<div class="features">
<div class="feature standard first" data-equalizer-selector="included-data" style="min-height: 160px;">
<div class="description"><span class="highlight-text">25GB DATA</span><br>
<span class="legal">Cost of 1MB included data $0.0019</span> <span class="legal">$10 per extra 1 GB</span></div>
</div>
<div class="feature first" data-equalizer-selector="data-pool" style="min-height: 76px;">
<div class="description"><span class="">Data Pool</span></div>
<div class="more-talk-info hide hide" data-information="included-data">
<div class="description column" style=" margin-top: 1em;"><span class="legal">Combine any of our latest My Plan Plus (including SIM only) and My Mobile Broadband Plus plans on the one bill to pool and share data.</span></div>
</div>
<div><a class="more-talk-link" href="#" data-information="included-data" tabindex="-1">more</a></div>
</div>
<!-- Included Entertainment -->
<div class="feature standard">
<div class="description"><span>Included Entertainment</span></div>
<div class="icon-container description"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/tv-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/epl-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"></div>
<div class="icon-container description">
<p class="legal">Discover more entertainment options</p>
</div>
<div class="more-ent-info" data-information="included-entertainment">
<div class="description column" style=" margin-top: 1em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Music Streaming</span><span class="legal"><b>(Not suitable for modems)</b></span> <span class="legal">Stream music on Google Play Music, iHeartRadio and Spotify mobile apps without using your plan's data.</span></div>
</div>
<div class="description column" style=" margin-top: 2em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/tv-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Mobile TV Streaming</span><span class="legal">Stream selected streaming services without using plan data. <a href="#svod" tabindex="-1">See more</a></span></div>
</div>
<div class="description column" style=" margin-top: 1em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/epl-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">OPTUS SPORT</span> <span class="legal">Optus Sport subscription included at no extra charge.</span></div>
</div>
</div>
<div><a class="more-ent-link" href="#" data-information="included-entertainment" tabindex="-1">less</a></div>
</div>
<div data-equalizer-listener="footer" class="plan-footer">
<p class="restriction">All for use within Australia.</p>
<div class="large-12"><a class="yellow button" href="http://www.optus.com.au/shop/tablet/devices" style=" font-size: 16px;" tabindex="-1">Shop Tablets</a> <a class="yellow button" href="http://www.optus.com.au/shop/broadband/mobilebroadband" style=" font-size: 16px;" tabindex="-1">Shop Modems</a></div>
<br>
<p class="cis"> <a target="_blank" class="cis-link" href="//smb.optus.com.au/opfiles/Shop/All/cis/Cis%20Documents/1415706_CIS_$50_My_Mobile_Broadband_Plus_25GB.pdf" tabindex="-1">Critical Information Summary</a></p>
</div>
</div>
</div>
</div>
</div><div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 328px;" tabindex="-1" role="option" aria-describedby="slick-slide04">
<div class="swiper-slide columns">
<div class="plan recommended">
<div class="recommended-badge"><span>GREAT VALUE!</span></div>
<div data-equalizer-listener="plan-heading" class="plan-header">
<div class="prices">
<div class="col total">
<div class="price"><sup>$</sup><span class="amount">70</span> <span class="caption">per month</span></div>
</div>
<p class="min-payment">Min. Total Cost is $1680 over 24 months excluding any discounts.</p>
</div>
</div>
<div class="features">
<div class="feature standard first" data-equalizer-selector="included-data" style="min-height: 160px;">
<div class="description"><span class="highlight-text">100GB DATA</span><br>
<p class="legal">Online - New services only.</p>
<span class="legal">Cost of 1MB included data $0.0007</span> <span class="legal">$10 per extra 1 GB</span></div>
</div>
<div class="feature first" data-equalizer-selector="data-pool" style="min-height: 76px;">
<div class="description"><span class="">Data Pool</span></div>
<div class="more-talk-info hide hide" data-information="included-data">
<div class="description column" style=" margin-top: 1em;"><span class="legal">Combine any of our latest My Plan Plus (including SIM only) and My Mobile Broadband Plus plans on the one bill to pool and share data.</span></div>
</div>
<div><a class="more-talk-link" href="#" data-information="included-data" tabindex="-1">more</a></div>
</div>
<!-- Included Entertainment -->
<div class="feature standard">
<div class="description"><span>Included Entertainment</span></div>
<div class="icon-container description"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/tv-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/epl-icon.png" style=" width: 68px; padding-bottom: 15px; margin: 0px auto; display: inline-block;"></div>
<div class="icon-container description">
<p class="legal">Discover more entertainment options</p>
</div>
<div class="more-ent-info" data-information="included-entertainment">
<div class="description column" style=" margin-top: 1em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/music-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Music Streaming</span><span class="legal"><b>(Not suitable for modems)</b></span> <span class="legal">Stream music on Google Play Music, iHeartRadio and Spotify mobile apps without using your plan's data.</span></div>
</div>
<div class="description column" style=" margin-top: 2em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/tv-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">Mobile TV Streaming</span><span class="legal">Stream selected streaming services without using plan data. <a href="#svod" tabindex="-1">See more</a></span></div>
</div>
<div class="description column" style=" margin-top: 1em;">
<div class="large-3 medium-2 small-4 left"><img src="//smb.optus.com.au/opfiles/Shop/Consumer/Assets/Images/Entertainment/epl-icon.png" style=" width: 75%;"></div>
<div class="large-9 medium-10 small-8 left textLeft"><span style=" display: block;">OPTUS SPORT</span> <span class="legal">Optus Sport subscription included at no extra charge.</span></div>
</div>
</div>
<div><a class="more-ent-link" href="#" data-information="included-entertainment" tabindex="-1">less</a></div>
</div>
<div data-equalizer-listener="footer" class="plan-footer">
<p class="restriction">All for use within Australia.</p>
<div class="large-12"><a class="yellow button" href="http://www.optus.com.au/shop/tablet/devices" style=" font-size: 16px;" tabindex="-1">Shop Tablets</a> <a class="yellow button" href="http://www.optus.com.au/shop/broadband/mobilebroadband" style=" font-size: 16px;" tabindex="-1">Shop Modems</a></div>
<br>
<p class="cis"> <a target="_blank" class="cis-link" href="//smb.optus.com.au/opfiles/Shop/All/cis/Cis Documents/800689_CIS_70_My_Mobile_Broadband_Plus_100GB_0517_O.PDF" tabindex="-1">Critical Information Summary</a></p>
</div>
</div>
</div>
</div>
</div></div></div>
<button type="button" class="planTable-next ico-arrow-right slick-arrow" style="display: block;" aria-disabled="false">Next</button><ul class="slick-dots" style="display: block;" role="tablist"><li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><button type="button" data-role="none" role="button" aria-required="false" tabindex="0">1</button></li><li aria-hidden="true" class="" role="presentation" aria-selected="false" aria-controls="navigation01" id="slick-slide01"><button type="button" data-role="none" role="button" aria-required="false" tabindex="0">2</button></li><li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation02" id="slick-slide02" class=""><button type="button" data-role="none" role="button" aria-required="false" tabindex="0">3</button></li><li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation03" id="slick-slide03" class=""><button type="button" data-role="none" role="button" aria-required="false" tabindex="0">4</button></li><li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation04" id="slick-slide04"><button type="button" data-role="none" role="button" aria-required="false" tabindex="0">5</button></li></ul></div>
【问题讨论】：
为什么需要它们全部同时出现在屏幕上？只需单击左键，截屏，单击两次右键，再截屏。现在除了用户看到它们的方式之外，您拥有所有 5 个。 我想这样做，因为还有其他几个价格不同的链接。因此，只是尝试为每个链接提供 1 个屏幕截图，因此随着事情的堆积，我必须少做一些。 【参考方案1】：根据 caiovisk 的回答，
我能够实现它：
row_elements = self.driver.find_elements_by_class_name("row")
for element in row_elements:
self.driver.execute_script("arguments[0].setAttribute('style','max-width: 100%;')", element)
class_names = ["slick-slider", "slick-track", "slick-slider", "slick-list"]
for cls_nm in class_names:
elements = self.driver.find_elements_by_class_name(cls_nm)
for element in elements:
self.driver.execute_script("arguments[0].setAttribute('style','width: 100% !important; ')", element)
slicksld_elements = self.driver.find_elements_by_class_name("slick-slide")
for element in slicksld_elements:
self.driver.execute_script(
"arguments[0].setAttribute('style','width: 20% !important;display: block !important;')", element)
【讨论】：
【参考方案2】：如果您更改以下css 在控制台上，您将能够看到 5 列。
删除：
.row
max-width: 75em;
然后添加：
.slick-slider .slick-track, .slick-slider .slick-list
width: 100% !important;
.slick-slide
width: 20% !important;
display: block !important;
【讨论】：
以上是关于使用 Selenium 添加新的 CSS的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 selenium 和 codeception 检测验收测试中的 dom 变化
自动化，selenium add_cookie,种cookie，循环添加，跨域问题
Selenium 3.0 Firefx 驱动程序失败并出现 org.openqa.selenium.SessionNotCreatedException：无法创建新的远程会话
Selenium POP - 登录后移动到主页面，新的Object Pattern