11 replies

Does Safari on OSX support CSS nesting?

It seems to pass all the tests at

https://codepen.io/bramus/pen/oNdrypM

But everything is yellow in this test:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Does your browser support CSS Nesting?</title>
  <link rel="icon" type="image/png" href="#">
</head>
<body>
<h1>Does your browser support CSS Nesting?</h1>
<div>
  this should be yellow
  <p>this should be light blue</p>
</div>
<style>
div {
  background: lemonchiffon;
  p {
    background: lightblue;
  }
}
</style>
</body>
</html>

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Does your browser support CSS Nesting?</title>
  <link rel="icon" type="image/png" href="#">
</head>
<body>
<h1>Does your browser support CSS Nesting?</h1>
<div>
  this should be yellow
  <p>this should be light blue</p>
</div>
<style>
div {
  background: lemonchiffon;
  p {
    background: lightblue;
  }
}
</style>
</body>
</html>

CodePenBramus

CSS Nesting Feature Detection, Method 1a (Nesting affecting classes)

...

KP-C

Kevin Powell - Community•2y ago•

11 replies

patwasalinguist

Does Safari on OSX support CSS nesting?

It seems to pass all the tests at

https://codepen.io/bramus/pen/oNdrypM

But everything is yellow in this test:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Does your browser support CSS Nesting?</title>
  <link rel="icon" type="image/png" href="#">
</head>
<body>
<h1>Does your browser support CSS Nesting?</h1>
<div>
  this should be yellow
  <p>this should be light blue</p>
</div>
<style>
div {
  background: lemonchiffon;
  p {
    background: lightblue;
  }
}
</style>
</body>
</html>

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Does your browser support CSS Nesting?</title>
  <link rel="icon" type="image/png" href="#">
</head>
<body>
<h1>Does your browser support CSS Nesting?</h1>
<div>
  this should be yellow
  <p>this should be light blue</p>
</div>
<style>
div {
  background: lemonchiffon;
  p {
    background: lightblue;
  }
}
</style>
</body>
</html>

CodePenBramus

CSS Nesting Feature Detection, Method 1a (Nesting affecting classes)

...

Does Safari on OSX support CSS nesting?

Similar Threads

Does Safari on OSX support CSS nesting?

Similar Threads

Similar Threads

Similar Threads