Test on Latest Desktop and Mobile Browsers For :optional CSS pseudo-class
:optional CSS pseudo-class
Get Started
No credit card required
The :optional pseudo-class matches form inputs (, , <select></code>) which are not <code>:required</code>.</p> <p class="home-btn"><a class="full-color-btn" href="index-new-landing">Sign Up For Free</a></p> </div> </div> <div class="col-sm-7"> <div class="browsers-view"> <div class="browsers-box"> <img class="browsers-img" src="images/css.png" alt="online web app testing"> </div> <h3 class="browsers-ver" style="font-size: 76px;">CSS</h3> </div> </div> </div> </section> <!-- Color Section End --> <section class="features-details"> <div class="container"> <div class="col-sm-6"> <div class="col-sm-12"> <h3 class="test-titel margi-10"><strong>Test your Web App on LambdaTest</strong></h3> </div> <div class="col-sm-12 margi-10"> <p class="test-description">Make sure you will not get <code>:optional CSS pseudo-class</code> error for your website on different browsers. With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues. </p> <div class="clearfix"></div> <p class="btn-para"><a class="new-btn" href="list-of-browsers">All Browser Versions</a></p> </div> </div> <div class="col-sm-6"> <img class="img-responsive " src="static/seo-img/RealtimeChrome.png" alt="Real Time Testing on Chrome browser"> </div> </div> </section> <!-- white Section Start --> <section class="features-details-2"> <div class="container"> <h4 class="browsers-support">BROWSER SUPPORT FOR :OTIONAL CSS PSEUDO-CLASS</h4> <div class="col-sm-12"> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Google Chrome</h4></div> <div class="col-sm-10"><p>Chrome version 4 to 14 support is unknown for :optional CSS pseudo-class. This property is supported by Chrome 15 to 67. </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Mozilla Firefox</h4></div> <div class="col-sm-10"><p>This element is not supported by Mozilla Firefox browser version 2 to 3.6. Firefox 4 to 60 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Internet Explorer</h4></div> <div class="col-sm-10"><p>IE browser version 6 to 9 doesn't support <code>:optional CSS pseudo-class</code>.IE 10 and 11 supports this propert completely </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Safari<h4></div> <div class="col-sm-10"><p>Safari browser version 3.1 to 4 doesn't support :optional CSS pseudo-class. Safari 5.1 to 11 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Microsoft Edge</h4></div> <div class="col-sm-10"><p>Microsoft Edge browser version 12 to 17 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Opera</h4></div> <div class="col-sm-10"><p>Early Opera browser versions from 10.1 to 12.1 partially supports <code>:optional CSS pseudo-class</code>. It is fully supported by Opera version 15 - 53. </p></div> </div> </div> </div> </section> <!-- White Section End --> <section class="features-details-brown"> <div class="container"> <div class="col-sm-4"> <h5>Information sourced from</h5> <div class="col-sm-12 col-box"> <a href="https://caniuse.com" rel="nofollow"><h6>Can I use</h6></a> </div> </div> <div class="col-sm-8"> <p>"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.</p> </div> </div> </section> <!-- White Section End --> <section class="features-details-2 padd-bott-10" style="min-height: 300px;"> <div class="container"> <div class="col-sm-12"> <ul class="list-browsers-link"> <li><a href="test-on-chrome-browsers"><img alt="Chrome Browsers" width="30" height="30" src="static/seo-img/brows-list/chrom.png"></a></li> <li><a href="test-on-firefox-browsers"><img alt="Firefox Browsers" width="30" height="30" src="static/seo-img/brows-list/firfox.png"></a></li> <li><a href="test-on-edge-browsers"><img alt="Edge Browsers" width="30" height="30" src="static/seo-img/brows-list/ie.png"></a></li> <li><a href="test-on-internet-explorer-browsers"><img alt="Internet Explorer Browsers" width="30" height="30" src="static/seo-img/brows-list/ie-2.png"></a></li> <li><a href="test-on-opera-browsers"><img alt="Opera Browser" width="30" height="30" src="static/seo-img/brows-list/opera.png"></a></li> <li><a href="test-on-safari-browsers"><img alt="Safari Browser" width="30" height="30" src="static/seo-img/brows-list/sfari.png"></a></li> <li><a href="test-on-yandex-browsers"><img alt="Yandex Browsers" width="30" height="30" src="static/seo-img/brows-list/yend.png"></a></li> </ul> <h3 class="test-titel margi-10 text-center"><strong>Other Browser Elements and Properties</strong></h3> </div> <div class="col-sm-12 margin-top-20"> <p class="test-description text-center">All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.</p> <div class="clearfix"></div> <p class="btn-para text-center"><a class="new-btn" href="browser-elements-and-issues">Checkout All Elements</a></p> </div> </div> </section> <section class="clients-n-reviews home-reviews"> <div class="customer-review home-reviews-reviews"> <div class="container-fluid"> <div class="col-xs-12"> <h2 class="how-its-work">BENEFITS</h2> <h3 class="how-its-work-dis">Fastest Way for Cross Browser Testing</h3> </div> <div class="col-xs-12"> <div class="review-wrap"> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Firefox</div> </div> <p class="review-msg review-msg-new"> You can test your website for cross browser compatibility across all <a href ="test-on-firefox-browsers">Firefox browser versions </a> using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Chrome</div> </div> <p class="review-msg review-msg-new"> Perform cross browser testing of your website/ webapp across all <a href="test-on-chrome-browsers">Chrome browser versions</a> using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Safari</div> </div> <p class="review-msg review-msg-new"> Check your website on all <a href="test-on-safari-browsers">Safari browser</a> on Mac and Windows for cross browser compatibility with LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on IE</div> </div> <p class="review-msg review-msg-new"> Perfrom cross browser testing of your website/ web app across all <a href = "test-on-internet-explorer-browsers">IE</a> verions using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Free Plan With 60 Minutes of Live Testing</div> </div> <p class="review-msg review-msg-new"> Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month. </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Scale As You Go</div> </div> <p class="review-msg review-msg-new"> Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message <a href = "contact-us">here</a>, and we would help you out. </p> </div> </div> </div> </div> </div> </section><!--.clients-n-reviews--> <section class="footer_breadcrumb"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="breadcrumb_list"> <ul class="breadcrumb_main"> <li><a href="https://www.lambdatest.com/">Home</a> </li> <li>Test for :optional CSS pseudo-class</li> </ul> </div> </div> </div> </div> </section> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-5" style="padding-left: 0px;"> <div class="row"> <div class="col-xs-6"> <ul class="list-unstyled list-inline ft-menu coll-box" style="padding-left: 0px;"> <li><a href="https://www.lambdatest.com/demo"><img src="https://www.lambdatest.com/assetsnew/images/home-coffee.svg" alt="Schedule a demo with LambdaTest"> Schedule a Demo</a></li> <li><a href="tel:+1-(678)-701-3618"><img src="https://www.lambdatest.com/assetsnew/images/home-callus.svg" alt="You can call us"> Call us</a></li> <li><a href="javascript:void(0)" onclick="openLTChatWidget()"><img src="https://www.lambdatest.com/assetsnew/images/home-message.svg" alt="you can message us"> Start Chatting</a></li> </ul> </div> <div class="col-xs-6"> <ul class="list-inline list-unstyled social-links"> <li class="fb"> <a target="_blank" href="https://www.facebook.com/lambdatest/"> <img alt="Follow us on Facebook" width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/facebook-logo.png"> </a> </li> <li class="linkedin"> <a target="_blank" href="https://www.linkedin.com/company/lambdatest/"> <img alt="Follow our Company Page" width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/linkedin-logo.png"> </a> </li> <li class="twitter"> <a target="_blank" href="https://twitter.com/Lambdatesting"> <img alt="Follow LambdaTest on Twitter" width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/twitter-logo.png"> </a> </li> <li class="youtube-icons"> <a target="_blank" href="https://www.youtube.com/channel/UCCymWVaTozpEng_ep0mdUyw?sub_confirmation=1"> <img alt="Subscribe LambdaTest's Youtube Channel" width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/youtube-logo.png"> </a> </li> </ul> <br> <h4 class="footer-titel">Help & Support</h4> <p class="footer-text">+1-(678)-701-3618 <br>support@LambdaTest.com</p> </div> </div> </div> <div class="col-md-7"> <div class="row"> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/feature">Features</a> </li> <li><a href="https://www.lambdatest.com/integrations">Integrations</a> </li> <li><a href="https://www.lambdatest.com/selenium-automation">Automation</a></li> <li><a href="https://www.lambdatest.com/lt-browser">LT Browser</a></li> <li><a href="https://www.lambdatest.com/local-page-testing">Local Page Testing</a></li> <li><a href="https://changelog.lambdatest.com/">Changelog</a></li> <li><a href="https://www.lambdatest.com/support-faq">FAQ</a> </li> <li><a href="https://status.lambdatest.io/">Status</a></li> </ul> </div> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/team">Team</a> </li> <li><a href="https://www.lambdatest.com/career">Careers</a></li> <li><a href="https://www.lambdatest.com/customers/">Customers</a></li> <li><a href="https://www.lambdatest.com/partners">Partners</a></li> <li><a href="https://community.lambdatest.com/" rel="nofollow noopener">Community</a></li> <li><a href="https://www.lambdatest.com/reviews">LambdaTest Reviews</a> </li> <li><a href="https://www.lambdatest.com/reseller/">LambdaTest Resellers</a> </li> <li><a href="https://www.lambdatest.com/affiliate-program-partnership">Become an Affiliate</a> </li> </ul> </div> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/test-on-internet-explorer-browsers">Test on Internet Explorer</a> </li> <li><a href="https://www.lambdatest.com/test-internet-explorer-on-mac">Test IE on macOS</a> </li> <li><a href="https://www.lambdatest.com/test-on-safari-browsers">Test on Safari Browser</a> </li> <li><a href="https://www.lambdatest.com/test-on-chromium-edge-browsers">Test on Chromium Edge</a> </li> <li><a href="https://www.lambdatest.com/test-on-edge-browsers">Test on Edge Browser</a> </li> <li><a href="https://www.lambdatest.com/test-on-mobile-devices">Test on Mobile Browser</a></li> <li><a href="https://www.lambdatest.com/list-of-browsers">List of Browsers</a> </li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-sm-4"> <span class="">© 2021 LambdaTest Inc. All rights reserved</span> </div> <div class="col-sm-4 slower text-right" style="text-align:center;"> <span class="">Cross Browser Testing Cloud Built with <img src="https://www.lambdatest.com/assets_black_theme/images/heart.svg" alt="Love" width="14"> For Testers</span> </div> <div class="col-sm-4 slower text-right"> <ul class="foot-nave"> <li><a href="https://www.lambdatest.com/privacy" style="color:rgba(0,0,0,0.7)">Privacy</a></li> <li><a href="https://www.lambdatest.com/terms-of-service" style="color:rgba(0,0,0,0.7)">Disclaimer</a></li> <li><a href="https://www.lambdatest.com/sitemap.html" style="color:rgba(0,0,0,0.7)">Sitemap</a></li> </ul> </div> </div> </div> </div> </footer> <style>.ft-menu { padding-left: 0px!important; }</style> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://cdn.lambdatest.com/assetsnew/js/jquery.cookie.js?v=268"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/owl.carousel.js?v=268"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/custom.js?v=268"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/formjs.js?v=268"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script type="text/javascript"> $(document).ready(function(){$("#owl-example").owlCarousel({loop:!0,nav:!0,thumbs:!0,autoplay:!0,margin:0,autoplayTimeout:1e4,touchDrag:!0,mouseDrag:!1,thumbsPrerendered:!0,responsiveClass:!0,responsive:{0:{items:1},600:{items:2},1000:{items:3}}}),$("#screenshot-review").owlCarousel({loop:!0,nav:!1,thumbs:!0,autoplay:!0,margin:0,autoplayTimeout:1e4,touchDrag:!0,mouseDrag:!1,thumbsPrerendered:!0,responsiveClass:!0,responsive:{0:{items:1},600:{items:2},1000:{items:4}}}),$("#category-carousel").owlCarousel({loop:!0,margin:10,nav:!0,autoplay:!0,autoplayTimeout:5e3,responsive:{0:{items:1},600:{items:2},900:{items:3},1200:{items:4}}}),$("#review-carousel").owlCarousel({loop:!0,margin:20,nav:!0,autoplay:!0,autoplayTimeout:5e3,responsive:{0:{items:1},700:{items:2},1000:{items:3}}}),$("#client-logo").owlCarousel({loop:!0,margin:20,nav:!1,autoplay:!1,autoplayTimeout:1e3,responsive:{0:{items:1},600:{items:3},1000:{items:5}}}); $('#partners-feed').owlCarousel({ loop: true, nav: true, thumbs: true, autoplay: true, margin: 0, autoplayTimeout: 10000, touchDrag: true, mouseDrag: false, thumbsPrerendered: true, responsiveClass: true, responsive: { 0: { items: 1 }, 600: { items: 2 }, 1000: { items: 4 } } }); $('#featured-in').owlCarousel({ loop:true, margin:20, nav:false, autoplay:true, autoplayTimeout:1000, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } }) }); </script> <script type="text/javascript"> function getParameterByName(e){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var a=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(location.search);return null===a?"":decodeURIComponent(a[1].replace(/\+/g," "))}$(function(){null!==getParameterByName("utm_source")&&$.cookie("utm_source",getParameterByName("utm_source"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_campaign")&&$.cookie("utm_campaign",getParameterByName("utm_campaign"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_medium")&&$.cookie("utm_medium",getParameterByName("utm_medium"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_term")&&$.cookie("utm_term",getParameterByName("utm_term"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0})}); </script> <!--Linkedin Ads --> <script type="text/javascript"> _linkedin_data_partner_id = "359305"; </script> <script type="text/javascript"> (function() { var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="Linkedin Ad" src="https://dc.ads.linkedin.com/collect/?pid=359305&fmt=gif" /> </noscript> <!--Linkedin Ads --> <script src="https://cdn.lambdatest.com/assets/js/jwt-decode.min.js"></script> <script src="https://cdn.lambdatest.com/assets/js/zohoscript.js"></script> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-15a9ea9b6e428dbd49e","applicationID":"1241459542","transactionName":"ZlYEZxdTWERUWxZYX18cM0EMHVlHQVENX1FdHgVAFh9GRFBNBl4dUl8HQBYcRl9F","queueTime":0,"applicationTime":9,"atts":"ShEHEV9JS0o=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html>
, , <select></code>) which are not <code>:required</code>.</p> <p class="home-btn"><a class="full-color-btn" href="index-new-landing">Sign Up For Free</a></p> </div> </div> <div class="col-sm-7"> <div class="browsers-view"> <div class="browsers-box"> <img class="browsers-img" src="images/css.png" alt="online web app testing"> </div> <h3 class="browsers-ver" style="font-size: 76px;">CSS</h3> </div> </div> </div> </section> <!-- Color Section End --> <section class="features-details"> <div class="container"> <div class="col-sm-6"> <div class="col-sm-12"> <h3 class="test-titel margi-10"><strong>Test your Web App on LambdaTest</strong></h3> </div> <div class="col-sm-12 margi-10"> <p class="test-description">Make sure you will not get <code>:optional CSS pseudo-class</code> error for your website on different browsers. With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues. </p> <div class="clearfix"></div> <p class="btn-para"><a class="new-btn" href="list-of-browsers">All Browser Versions</a></p> </div> </div> <div class="col-sm-6"> <img class="img-responsive " src="static/seo-img/RealtimeChrome.png" alt="Real Time Testing on Chrome browser"> </div> </div> </section> <!-- white Section Start --> <section class="features-details-2"> <div class="container"> <h4 class="browsers-support">BROWSER SUPPORT FOR :OTIONAL CSS PSEUDO-CLASS</h4> <div class="col-sm-12"> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Google Chrome</h4></div> <div class="col-sm-10"><p>Chrome version 4 to 14 support is unknown for :optional CSS pseudo-class. This property is supported by Chrome 15 to 67. </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Mozilla Firefox</h4></div> <div class="col-sm-10"><p>This element is not supported by Mozilla Firefox browser version 2 to 3.6. Firefox 4 to 60 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Internet Explorer</h4></div> <div class="col-sm-10"><p>IE browser version 6 to 9 doesn't support <code>:optional CSS pseudo-class</code>.IE 10 and 11 supports this propert completely </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Safari<h4></div> <div class="col-sm-10"><p>Safari browser version 3.1 to 4 doesn't support :optional CSS pseudo-class. Safari 5.1 to 11 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Microsoft Edge</h4></div> <div class="col-sm-10"><p>Microsoft Edge browser version 12 to 17 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Opera</h4></div> <div class="col-sm-10"><p>Early Opera browser versions from 10.1 to 12.1 partially supports <code>:optional CSS pseudo-class</code>. It is fully supported by Opera version 15 - 53. </p></div> </div> </div> </div> </section> <!-- White Section End --> <section class="features-details-brown"> <div class="container"> <div class="col-sm-4"> <h5>Information sourced from</h5> <div class="col-sm-12 col-box"> <a href="https://caniuse.com" rel="nofollow"><h6>Can I use</h6></a> </div> </div> <div class="col-sm-8"> <p>"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.</p> </div> </div> </section> <!-- White Section End --> <section class="features-details-2 padd-bott-10" style="min-height: 300px;"> <div class="container"> <div class="col-sm-12"> <ul class="list-browsers-link"> <li><a href="test-on-chrome-browsers"><img alt="Chrome Browsers" width="30" height="30" src="static/seo-img/brows-list/chrom.png"></a></li> <li><a href="test-on-firefox-browsers"><img alt="Firefox Browsers" width="30" height="30" src="static/seo-img/brows-list/firfox.png"></a></li> <li><a href="test-on-edge-browsers"><img alt="Edge Browsers" width="30" height="30" src="static/seo-img/brows-list/ie.png"></a></li> <li><a href="test-on-internet-explorer-browsers"><img alt="Internet Explorer Browsers" width="30" height="30" src="static/seo-img/brows-list/ie-2.png"></a></li> <li><a href="test-on-opera-browsers"><img alt="Opera Browser" width="30" height="30" src="static/seo-img/brows-list/opera.png"></a></li> <li><a href="test-on-safari-browsers"><img alt="Safari Browser" width="30" height="30" src="static/seo-img/brows-list/sfari.png"></a></li> <li><a href="test-on-yandex-browsers"><img alt="Yandex Browsers" width="30" height="30" src="static/seo-img/brows-list/yend.png"></a></li> </ul> <h3 class="test-titel margi-10 text-center"><strong>Other Browser Elements and Properties</strong></h3> </div> <div class="col-sm-12 margin-top-20"> <p class="test-description text-center">All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.</p> <div class="clearfix"></div> <p class="btn-para text-center"><a class="new-btn" href="browser-elements-and-issues">Checkout All Elements</a></p> </div> </div> </section> <section class="clients-n-reviews home-reviews"> <div class="customer-review home-reviews-reviews"> <div class="container-fluid"> <div class="col-xs-12"> <h2 class="how-its-work">BENEFITS</h2> <h3 class="how-its-work-dis">Fastest Way for Cross Browser Testing</h3> </div> <div class="col-xs-12"> <div class="review-wrap"> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Firefox</div> </div> <p class="review-msg review-msg-new"> You can test your website for cross browser compatibility across all <a href ="test-on-firefox-browsers">Firefox browser versions </a> using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Chrome</div> </div> <p class="review-msg review-msg-new"> Perform cross browser testing of your website/ webapp across all <a href="test-on-chrome-browsers">Chrome browser versions</a> using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Safari</div> </div> <p class="review-msg review-msg-new"> Check your website on all <a href="test-on-safari-browsers">Safari browser</a> on Mac and Windows for cross browser compatibility with LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on IE</div> </div> <p class="review-msg review-msg-new"> Perfrom cross browser testing of your website/ web app across all <a href = "test-on-internet-explorer-browsers">IE</a> verions using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Free Plan With 60 Minutes of Live Testing</div> </div> <p class="review-msg review-msg-new"> Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month. </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Scale As You Go</div> </div> <p class="review-msg review-msg-new"> Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message <a href = "contact-us">here</a>, and we would help you out. </p> </div> </div> </div> </div> </div> </section><!--.clients-n-reviews--> <section class="footer_breadcrumb"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="breadcrumb_list"> <ul class="breadcrumb_main"> <li><a href="https://www.lambdatest.com/">Home</a> </li> <li>Test for :optional CSS pseudo-class</li> </ul> </div> </div> </div> </div> </section> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-5" style="padding-left: 0px;"> <div class="row"> <div class="col-xs-6"> <ul class="list-unstyled list-inline ft-menu coll-box" style="padding-left: 0px;"> <li><a href="https://www.lambdatest.com/demo"><img src="https://www.lambdatest.com/assetsnew/images/home-coffee.svg" alt="Schedule a demo with LambdaTest"> Schedule a Demo</a></li> <li><a href="tel:+1-(678)-701-3618"><img src="https://www.lambdatest.com/assetsnew/images/home-callus.svg" alt="You can call us"> Call us</a></li> <li><a href="javascript:void(0)" onclick="openLTChatWidget()"><img src="https://www.lambdatest.com/assetsnew/images/home-message.svg" alt="you can message us"> Start Chatting</a></li> </ul> </div> <div class="col-xs-6"> <ul class="list-inline list-unstyled social-links"> <li class="fb"> <a target="_blank" href="https://www.facebook.com/lambdatest/"> <img alt="Follow us on Facebook" width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/facebook-logo.png"> </a> </li> <li class="linkedin"> <a target="_blank" href="https://www.linkedin.com/company/lambdatest/"> <img alt="Follow our Company Page" width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/linkedin-logo.png"> </a> </li> <li class="twitter"> <a target="_blank" href="https://twitter.com/Lambdatesting"> <img alt="Follow LambdaTest on Twitter" width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/twitter-logo.png"> </a> </li> <li class="youtube-icons"> <a target="_blank" href="https://www.youtube.com/channel/UCCymWVaTozpEng_ep0mdUyw?sub_confirmation=1"> <img alt="Subscribe LambdaTest's Youtube Channel" width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/youtube-logo.png"> </a> </li> </ul> <br> <h4 class="footer-titel">Help & Support</h4> <p class="footer-text">+1-(678)-701-3618 <br>support@LambdaTest.com</p> </div> </div> </div> <div class="col-md-7"> <div class="row"> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/feature">Features</a> </li> <li><a href="https://www.lambdatest.com/integrations">Integrations</a> </li> <li><a href="https://www.lambdatest.com/selenium-automation">Automation</a></li> <li><a href="https://www.lambdatest.com/lt-browser">LT Browser</a></li> <li><a href="https://www.lambdatest.com/local-page-testing">Local Page Testing</a></li> <li><a href="https://changelog.lambdatest.com/">Changelog</a></li> <li><a href="https://www.lambdatest.com/support-faq">FAQ</a> </li> <li><a href="https://status.lambdatest.io/">Status</a></li> </ul> </div> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/team">Team</a> </li> <li><a href="https://www.lambdatest.com/career">Careers</a></li> <li><a href="https://www.lambdatest.com/customers/">Customers</a></li> <li><a href="https://www.lambdatest.com/partners">Partners</a></li> <li><a href="https://community.lambdatest.com/" rel="nofollow noopener">Community</a></li> <li><a href="https://www.lambdatest.com/reviews">LambdaTest Reviews</a> </li> <li><a href="https://www.lambdatest.com/reseller/">LambdaTest Resellers</a> </li> <li><a href="https://www.lambdatest.com/affiliate-program-partnership">Become an Affiliate</a> </li> </ul> </div> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/test-on-internet-explorer-browsers">Test on Internet Explorer</a> </li> <li><a href="https://www.lambdatest.com/test-internet-explorer-on-mac">Test IE on macOS</a> </li> <li><a href="https://www.lambdatest.com/test-on-safari-browsers">Test on Safari Browser</a> </li> <li><a href="https://www.lambdatest.com/test-on-chromium-edge-browsers">Test on Chromium Edge</a> </li> <li><a href="https://www.lambdatest.com/test-on-edge-browsers">Test on Edge Browser</a> </li> <li><a href="https://www.lambdatest.com/test-on-mobile-devices">Test on Mobile Browser</a></li> <li><a href="https://www.lambdatest.com/list-of-browsers">List of Browsers</a> </li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-sm-4"> <span class="">© 2021 LambdaTest Inc. All rights reserved</span> </div> <div class="col-sm-4 slower text-right" style="text-align:center;"> <span class="">Cross Browser Testing Cloud Built with <img src="https://www.lambdatest.com/assets_black_theme/images/heart.svg" alt="Love" width="14"> For Testers</span> </div> <div class="col-sm-4 slower text-right"> <ul class="foot-nave"> <li><a href="https://www.lambdatest.com/privacy" style="color:rgba(0,0,0,0.7)">Privacy</a></li> <li><a href="https://www.lambdatest.com/terms-of-service" style="color:rgba(0,0,0,0.7)">Disclaimer</a></li> <li><a href="https://www.lambdatest.com/sitemap.html" style="color:rgba(0,0,0,0.7)">Sitemap</a></li> </ul> </div> </div> </div> </div> </footer> <style>.ft-menu { padding-left: 0px!important; }</style> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://cdn.lambdatest.com/assetsnew/js/jquery.cookie.js?v=268"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/owl.carousel.js?v=268"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/custom.js?v=268"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/formjs.js?v=268"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script type="text/javascript"> $(document).ready(function(){$("#owl-example").owlCarousel({loop:!0,nav:!0,thumbs:!0,autoplay:!0,margin:0,autoplayTimeout:1e4,touchDrag:!0,mouseDrag:!1,thumbsPrerendered:!0,responsiveClass:!0,responsive:{0:{items:1},600:{items:2},1000:{items:3}}}),$("#screenshot-review").owlCarousel({loop:!0,nav:!1,thumbs:!0,autoplay:!0,margin:0,autoplayTimeout:1e4,touchDrag:!0,mouseDrag:!1,thumbsPrerendered:!0,responsiveClass:!0,responsive:{0:{items:1},600:{items:2},1000:{items:4}}}),$("#category-carousel").owlCarousel({loop:!0,margin:10,nav:!0,autoplay:!0,autoplayTimeout:5e3,responsive:{0:{items:1},600:{items:2},900:{items:3},1200:{items:4}}}),$("#review-carousel").owlCarousel({loop:!0,margin:20,nav:!0,autoplay:!0,autoplayTimeout:5e3,responsive:{0:{items:1},700:{items:2},1000:{items:3}}}),$("#client-logo").owlCarousel({loop:!0,margin:20,nav:!1,autoplay:!1,autoplayTimeout:1e3,responsive:{0:{items:1},600:{items:3},1000:{items:5}}}); $('#partners-feed').owlCarousel({ loop: true, nav: true, thumbs: true, autoplay: true, margin: 0, autoplayTimeout: 10000, touchDrag: true, mouseDrag: false, thumbsPrerendered: true, responsiveClass: true, responsive: { 0: { items: 1 }, 600: { items: 2 }, 1000: { items: 4 } } }); $('#featured-in').owlCarousel({ loop:true, margin:20, nav:false, autoplay:true, autoplayTimeout:1000, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } }) }); </script> <script type="text/javascript"> function getParameterByName(e){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var a=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(location.search);return null===a?"":decodeURIComponent(a[1].replace(/\+/g," "))}$(function(){null!==getParameterByName("utm_source")&&$.cookie("utm_source",getParameterByName("utm_source"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_campaign")&&$.cookie("utm_campaign",getParameterByName("utm_campaign"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_medium")&&$.cookie("utm_medium",getParameterByName("utm_medium"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_term")&&$.cookie("utm_term",getParameterByName("utm_term"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0})}); </script> <!--Linkedin Ads --> <script type="text/javascript"> _linkedin_data_partner_id = "359305"; </script> <script type="text/javascript"> (function() { var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="Linkedin Ad" src="https://dc.ads.linkedin.com/collect/?pid=359305&fmt=gif" /> </noscript> <!--Linkedin Ads --> <script src="https://cdn.lambdatest.com/assets/js/jwt-decode.min.js"></script> <script src="https://cdn.lambdatest.com/assets/js/zohoscript.js"></script> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-15a9ea9b6e428dbd49e","applicationID":"1241459542","transactionName":"ZlYEZxdTWERUWxZYX18cM0EMHVlHQVENX1FdHgVAFh9GRFBNBl4dUl8HQBYcRl9F","queueTime":0,"applicationTime":9,"atts":"ShEHEV9JS0o=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html>
