Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google chrome developer tools: Element selection based on css class

Is there a good resource on using console of Google chrome developer tools.

I see an introduction here .

I have a specific qn about how to select HTML elements based on CSS class.

The above link shows how to select based on id (using $("") ).

like image 341
bsr Avatar asked Nov 10 '10 15:11

bsr


People also ask

How do you target a class in CSS?

To select elements with a specific class, write a period (.) character, followed by the name of the class. You can also specify that only specific HTML elements should be affected by a class.

How do I edit CSS in Chrome inspect element?

Press Ctrl + Shift + i for Windows/Linux (or command + option + i for Mac). Right-click on an element on your website page and select Inspect. Now that you are familiar with accessing Google Chrome Developer Tools, you will be able to inspect CSS elements to modify them live.


1 Answers

Ok.. I figured it out.. similar to firebug, $$(".class")

like image 181
bsr Avatar answered Sep 22 '22 19:09

bsr