Skip to content

Instantly share code, notes, and snippets.

@rambhairao

rambhairao/selector.html

Last active July 14, 2017 06:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rambhairao/feec0cc05cc6a9c3a44639747c47ba36 to your computer and use it in GitHub Desktop.
Save rambhairao/feec0cc05cc6a9c3a44639747c47ba36 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
selector.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
#a{
width:300px;
height:200px;
background-color:#009b85;
background-image: conic-gradient(red, yellow);
}
#a + .b {
color:red;
}
ul{
list-style:none;
color:blue;
border: 1px solid #ccc;
}
div < ul {
color:#000;
}
</style>
</head>
<body>
<div id="a">
<p class="b"> conic gradints is running </p>
<p class="b"> conic gradints is running2 </p>
<div class="b"> conic gradints is running2 </div>
</div>
<p class="b"> conic gradints is running </p>
<div>
<p class="b"> conic gradints is running </p>
</div>
<ul>
<li>Fish</li>
<li>Apples</li>
<li>Cheese</li>
</ul>
<script id="jsbin-source-css" type="text/css">#a{
width:300px;
height:200px;
background-color:#009b85;
background-image: conic-gradient(red, yellow);
}
#a + .b {
color:red;
}
ul{
list-style:none;
color:blue;
border: 1px solid #ccc;
}
div < ul {
color:#000;
}
</script>
</body>
</html>
Raw
selector_cs.css
#a{
width:300px;
height:200px;
background-color:#009b85;
background-image: conic-gradient(red, yellow);
}
#a + .b {
color:red;
}
ul{
list-style:none;
color:blue;
border: 1px solid #ccc;
}
div < ul {
color:#000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment