css selector precedence

shama · shama · commit 63ce040cc73e · 2015-09-08T09:03:55.000-07:00
diff --git a/css-selector-precedence/README.md b/css-selector-precedence/README.md
@@ -0,0 +1,10 @@
+# CSS Selector Precedence
+
+> [https://youtu.be/eofMNcafgMU](https://youtu.be/eofMNcafgMU)
+
+Install [io.js](https://iojs.org/en/index.html) or [node.js](https://nodejs.org/).
+
+Within this folder run the terminal command `npm install` to install the
+`dependencies` and `devDependencies`.
+
+Then run `npm start` to run the app and `http://localhost:9966` to view.
diff --git a/css-selector-precedence/index.html b/css-selector-precedence/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+    <style>
+    body {
+      font-size: 3em;
+      font-family: Helvetica;
+    }
+    </style>
+  </head>
+  <body>
+
+
+
+    <style>
+    /* 1,0,1 */
+    .animals strong { color: blue; }
+    /* 0,2,1 */
+    strong.bear.bears { color: green; }
+    /* 0,2,1 */
+    strong.bear.red { color: red; }
+    </style>
+    <div class="animals">
+      <strong class="red bear bears" style="color: magenta;">Grizzly</strong>
+    </div>
+
+
+
+    <script src="bundle.js" charset="utf-8"></script>
+  </body>
+</html>
diff --git a/css-selector-precedence/index.js b/css-selector-precedence/index.js
diff --git a/css-selector-precedence/package.json b/css-selector-precedence/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "css-selector-precedence",
+  "version": "0.1.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "budo index.js:bundle.js --live",
+    "test": "node test.js"
+  },
+  "author": "Kyle Robinson Young <kyle@dontkry.com> (http://dontkry.com)",
+  "license": "MIT",
+  "devDependencies": {
+    "budo": "^4.2.1"
+  }
+}
