Weekly Platform News: The: not() pseudo-class, Video Media Queries, clip-path: course() Assistance

< img src =" https://websitedesign-usa.com/wp-content/uploads/2021/02/weekly-platform-news-the-not-pseudo-class-video-media-queries-clip-path-course-assistance.jpg" class=" ff-og-image-inserted" > Hey, we’re back with weekly updates about the web browser landscape from Šime Vidas. In this week’s upgrade, the CSS: not pseudo class can accept intricate selectors, how to disable

smooth scrolling when utilizing” Discover on page …” in Chrome, Safari’s assistance for there media quality on< video > components, and the long-awaited launching of the course( )function for the CSS clip-path residential or commercial property. Let's delve into the news …< h3 id=" h-the-enhanced-not-pseudo-class-enables-new-kinds-of-powerful-selectors" > < svg aria-hidden=" real" class=" aal_svg" height=" 16" variation=" 1.1" viewBox=" 0 0 16 16" width=" 16" >< course fill-rule=" evenodd" d=" M4 9h1v1H4c-1.5 0-3-1.69 -3 -3.5 S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41 -.91 2.72-2 3.25 V8.59 c. 58 -.45 1-1.27 1-2.09 C10 5.22 8.98 4 8 4H4c -.98 0-2 1.22-2 2.5 S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5 S13.98 12 13 12H9c -.98 0-2-1.22 -2 -2.5 0 -.83.42 -1.64 1-2.09 V6.25c-1.09.53 -2 1.84-2 3.25 C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5 S14.5 6 13 6z"/ > The improved: not () pseudo-class makes it possible for brand-new type of effective selectors After a years-long wait,the boosted: not() pseudo-class has actually lastly delivered in Chrome and Firefox, and is now supported in all significant internet browser engines. This brand-new variation of: not() accepts intricate selectors and even whole selector lists. You can now choose all< p > components that are not consisted of within an aspect .< pre rel =" CSS" class=" wp-block-csstricks-code-block language-css" data-line >/ * choose all << p > s that are descendants of< short article ><*/.

post p>/ * NEW! */.
/ * pick all< p > s that are not descendants of< short article > */. p>: not (post *) In another example,
you might desire 

to pick the very first list product that does not have the concealed characteristic (or any other quality, for that matter). The very best selector for this job would be: nth-child( 1 of: not( [surprise]), however the of notation is still just supported in Safari. Fortunately, this unsupported selector can now be re-written utilizing just the boosted: not() pseudo-class.< pre rel=" CSS" class=" wp-block-csstricks-code-block language-css" data-line >/ * pick all non-hidden components that are not preceded by a non-hidden brother or sister (i.e., pick the very first non-hidden kid */.: not( [surprise]: not(: not( [concealed] ~: not( [concealed]) The HTTP Refresh header( and comparable HTML< meta > tag) is an older and extensively supported non-standard function that advises the web browser to instantly and regularly refill the page after an offered quantity of time.

Leave a Reply

Your email address will not be published. Required fields are marked *