Can I use the ampersand in SASS to reference specific tags with the parent class? [duplicate]

Answer 1

It's not quite clear what HTML structure you have.

If it's like this:

  
...
  
...

...then you need classes like .semantic ul and .semantic p. Here's an appropriate SCSS:

.semantic {

    & ul {
        padding: 0;
        margin:  0; }

    & p {
        margin:  0; } }

If HTML structure is like this:

...
...

...then you need classes like .semantic ul and .semantic p. You should listen to bookcasey. Here's a sassy version of his DRY suggestion:

.semantic {
  padding: 0;
  margin:  0; }

p.semantic {
  margin:  0; }