I am working with a CSS class that looks like this:
#menuAccordion h2 a,.dir-rtl #menuAccordion .viewList{
padding-right:2.5%;
padding-left:0
}
Is it correct to assume that for any HTML elements using the menuAccordion class, if there is an <H2> or <A> tag within that element, the specified padding will be applied?
What do the .dir-rtl and .viewList refer to?
Also, if I had the following CSS code written on one line:
#secNav #showHideMenu a.fixed{
position:fixed;
top:0
}
.HomePage #content{
min-height:300px
}
#content{
background-color:#FFF;
min-height:600px;
position:relative;
z-index:0
}
Can I assume that each time there is a #, it indicates the start of a new class? Can I also assume that these classes are not related to each other?
I am trying to understand why the author would consolidate all this code into one line. It's not very readable. Maybe there is a reason behind it.
Thank you.