nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

[jQuery] Select all block elements

Ethan.Saaris

How would you go about selecting all page elements that have a

display: block;

CSS property using jQuery?

I need to apply some POST effects (such as shadows and filters) to these elements.

My other solution is to add

.isblock

classes to my desired elements and apply effects, but it'd be too much work.

Find more posts tagged with

block

jquery

Quick Links

Comments

Slaanesh

http://jsfiddle.net/dATSf/3/

This selects ALL elements on the page that are of display type block. This will include the HTML and body tags. You would need to use NOT selectors to exclude these.

Ethan.Saaris

Will this consider external CSS files?

Slaanesh

It considers the state of the entire page at that point in time when the selector is run. If you have external CSS styling the page then this should pickup all the display types of type block for all elements. Don't forget that certain elements have that display type by default.

I fixed the link on my original post.

Ethan.Saaris

Slaanesh wrote: »

It considers the state of the entire page at that point in time when the selector is run. If you have external CSS styling the page then this should pickup all the display types of type block for all elements. Don't forget that certain elements have that display type by default.

I fixed the link on my original post.

Noticed the broken link, but I copied it and it worked.

Thanks for your solution, I'll try it later today.

ChRoMe

Slaanesh wrote: »

http://jsfiddle.net/dATSf/3/

This selects ALL elements on the page that are of display type block. This will include the HTML and body tags. You would need to use NOT selectors to exclude these.

Wow long time no see fellow original Quake poster!