How do we write context dependent selectors?

We can write Selectors that only work for certain contexts.For example; you can define a style for the <B> tag that is only triggered if the text is not only bold but also written in italics.

Simply adding a normal style to the <B> tag is done like this:

B {font-size:16px}

Adding a context dependent style, like the one described above is done by separating the tags with spaces instead of commas. This means that the style is only used when you have the first tag, and nested inside it the second tag, and so on.

I B {font-size: 16px;}

We simply separated the contextual <I> tag from the <B> tag with a space.

Back

 

Advertisement

Free Magazine