please give me nested CSS example and Explain.
anupish 0 Newbie Poster
diafol
Lazy so-and-so - look it up like the rest of us.
michael.james.90475 -3 Newbie Poster
CSS that is in your html code rather than a seperate file.
gentlemedia 803 Master Poster
@michael.james.90475 - No, that's called inline CSS.
Nested CSS is at the moment only possible with a CSS preprocessor, but it might be in the future eventually possible within pure CSS.
diafol
That's 'embedded'. Nested usually means "selectors within selectors" - often used to avoid classitis.
gentlemedia 803 Master Poster
Okay, to be more precise then :)
'embedded' CSS is CSS between style tags in the <head>
<head>
<title>Document Title</title>
<style type="text/css">
div { background-color: blue }
</style>
</head>
'inline' CSS is CSS within style tags straight into the HTML tag
<div style="background-color: blue">
<!--- content here -->
</div>
How nested CSS, which doesn't exist as a standard, but can be used if you write your CSS with a preprocessor such as SASS or LESS, (might) look like, is shown in the link I posted.
diafol
@GM - I was responding to MJ. We must have posted at the same time.
gentlemedia 803 Master Poster
@diafol - I thought so, but was not sure. :)
diafol
And yes I agree the term has been used in CSS preprocessing too. Another thing I'm going to have to get to grips with, heh heh.
charles1122 0 Newbie Poster
A CSS selector can contain more than one simple selector. Between the simple selectors, we can include a combinator.
gentlemedia 803 Master Poster
@diafol - using a CSS preprocessor will save you time for sure on large scale projects, but after compiling your mixins, extends and nesting, it can do more harm then good to your CSS architecture (code duplication, tight coupling and specificity).
diafol
Yes, I've used LESS for some time and have started using SASS. I'm not keen on them, but they do speed up development. Shame SASS is tied to RoR.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.