Unable to understand element in css

Question

0.00/5 (No votes)

See more:

XML

<style>
table.skinned tr th.name {
        width: 400px;
    }
</style>

in the above code i am not able to understand the use of .name. in the remaining code these is no keyword is used with name. can you please suggest what is the purpose of .name

Posted 6-Apr-14 21:47pm

shiv7

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)

enhzflep · Accepted Answer · 2014-04-06T22:14:00

It's really very simple, and likely something you'll have no trouble searching for later on.
What that rule basically says is:

a) target a table/tables with the class='skinned'
b) inside that/those tables, apply the style to the th element that has the class='name'

Basically -
■ If there's no dot (.) or hash (#) you target an element type (E.g: a, p, td, div etc)

■ If there's a dot (.) you target an element with the class that follows the dot. (E.g: .active, .someClass, .hilighted)

■ If there's a hash (#) you target an element with the id that follows the hash (E.g: #myOutput, #idOfSingleElement, #resetBtn, etc, etc)

Where you have something like
table.skinned, you're looking for a table element with the class of skinned

When you have table tr th, you're looking for a th element that is contained in a tr element that's contained in a table element - This could reasonably be simplified to th

In your case, the css is also a little verbose - you could target the exact same elements (no more and no less) with the following:
<table>table.skinned th.name - the rationale being that you only want th elements with a specific class, _so long as_ they exist in a table element with the class of skinned. Since th elements have to exist in a tr element, and you don't want specific tr elements, you don't need to specify the <cod>tr - it's implied or assumed.

Peter Leow · Accepted Answer · 2014-04-06T22:05:00

Solution 2

Did you find the following in your html code?

<th class="name">

It is fine if it is not found, then you can remove th.name from the css.
Refer: css_selectors[^]

Posted 6-Apr-14 22:05pm

Peter Leow

Updated 6-Apr-14 22:09pm

v5