2 Years
Discussion Span
Last Post by diafol
Featured Replies

That's 'embedded'. Nested usually means "selectors within selectors" - often used to avoid classitis.


Okay, to be more precise then :)

'embedded' CSS is CSS between style tags in the <head>

<title>Document Title</title>
<style type="text/css">

div { background-color: blue }


'inline' CSS is CSS within style tags straight into the HTML tag

<div style="background-color: blue">

    <!--- content here -->


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.


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.


A CSS selector can contain more than one simple selector. Between the simple selectors, we can include a combinator.


@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).


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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.