CSS Inheriting or Sharing Properties (Class Inheritance IN CSS)

Question

So I looked at how CSS "shares" its properties here : https://stackoverflow.com/a/199719/13707884

This was written in 2008 so I figured maybe CSS does allow for inheritance now & sure enough there is an article on it here : https://coderwall.com/p/lqjd1w/css-class-inheritance-in-css

So I am trying out the code as mentioned in the link on "coderwall":

[class*=“row-“] {
  border: 5px solid lightskyblue;
}

.row-1 {
  color: blue;
}

.row-2 {
  color: darkred;
}

<div class="row-1">AAA</div>
<div class="row-2">AAA</div>

However, this does not seem to be working. What could I be doing wrong here?

isherwood · Accepted Answer · 2021-06-04 19:31:34Z

4

Your quotation marks in your first selector are invalid.

[class*="row-"] {
  border: 5px solid lightskyblue;
}

.row-1 {
  color: blue;
}

.row-2 {
  color: darkred;
}

<div class="row-1">AAA</div>
<div class="row-2">AAA</div>

edited Jun 4, 2021 at 19:31

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

answered Jun 4, 2021 at 19:30

Eric

3211 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Arthur W Over a year ago

thanks for the response. As I mentioned earlier the error was in the original blog posting that used the quotation marks (however, someone is kind enough to delete the comments for some reason).

Collectives™ on Stack Overflow

CSS Inheriting or Sharing Properties (Class Inheritance IN CSS)

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related