What would be the proper CSS selector to target the following tag:
<nav class="twelve-col col main-menu">
Would the proper selector just be:
.twelve-col col main-menu {
}
Add a comment
|
3 Answers
No. You should combine individual class names using .:
.twelve-col.col.main-menu
answered Jul 16, 2017 at 15:49
Praveen Kumar PurushothamanPraveen Kumar Purushothaman
167k27 gold badges207 silver badges256 bronze badges
-
Ah, i see. Now does it matter in the css if it says <nav class="twelve-col col main-menu"> or <div class="twelve-col col main-menu"> Commented Jul 16, 2017 at 15:51
-
If it says what?
:)I mean, what do you mean? Both are same no? Commented Jul 16, 2017 at 15:51 -
-
ok so it wouldnt be .nav.twelve-col.col.main-menu { Commented Jul 16, 2017 at 15:52
-
@BillWentworth It's not
.nav.but it's justnav.for Tag Selectors..is used for classes and#is used for ids. Commented Jul 16, 2017 at 15:53
The most effective selector will be nav.twelve-col.col.main-menu you can also use nav.main-menu which makes some sense.
answered Jul 16, 2017 at 15:58
No. Your selector is trying to find main-menu INSIDE col which is INSIDE twelve-col. But you are looking for element, that has twelve-col col main-menu classes the same time, so use .twelve-col.col.main-menu
However try BEM methodology, where you use just one class to make all your selectors same specificity (http://getbem.com)
answered Jul 16, 2017 at 15:54
