CSS class and their element description

Question

0.00/5 (No votes)

See more:

Appreciate if u can let me know:
Below I wrote some classes, here class name have (.), Comma(,) and space ( ).
What is the meaning of this?
I have marked class name bold to get ur attention.

Now in below line comma(,) hyphen(-) and spaces are there,what they meant for:-

ul.AspNet-Menu li a, ul.AspNet-Menu li span{
    display: block;
    text-decoration: none;
}

ul.menu ul li
{
position:relative;
border:1px solid #aaa; border-top:none; 
width:148px; margin:0
}

ul.menu ul li a 
{
display:block; 
padding:3px 7px 5px; 
background-color:#d1d1d1
}

ul.menu ul li a:hover
{
background-color:#c5c5c5
}

ul.menu ul ul
{
left:148px; top:-1px
}

Posted 7-Jul-10 1:49am

shanawazway

Updated 28-Feb-11 3:20am

v5

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**R. Giskard Reventlov** · Answer 1 · 2010-07-07T02:05:00

Solution 2

This should help to explain it: CSS Classes[^]

Posted 7-Jul-10 2:05am

R. Giskard Reventlov

Comments

fjdiewornncalwe 28-Feb-11 9:38am

Agreed. It is simple to figure out if the OP would read some documentation.

thatraja · Answer 2 · 2010-07-07T01:58:00

Solution 1

(.) [Dot] applicable to that class only

Example

ul.menu

or

a.highlight

Here menu class applies to the elements which contains the menu class.

( ) [Space] applicable to the specified elements

Example

.menu ul table

Here the menu class applies to all ul & table elements.

Posted 7-Jul-10 1:58am

thatraja

Updated 7-Jul-10 2:04am

v2

Comments

shanawazway 7-Jul-10 8:48am

gratefull if u can expplain me the line of code, bcoz it have space and comma also

ul.AspNet-Menu li a, ul.AspNet-Menu li span Smile
{
display: block;
text-decoration: none;
}