Hi, Stribor45.
That element and class combination does not exist in the CSS.
One of the benefits of classes is that they can be used more than once on a page which simplifies applying changes to all of those elements. As a bonus, more than one class can be used in a single element to add additional styles specific to that element.
In the CSS you will find the class .tcell
that applies these table-cell properties to elements with class="tcell"
within the main
section of the page:
main .tcell {
display:table-cell;
text-align:center;
vertical-align:middle;
/* outline:1px solid yellow; /* TEST Outline */
}
You will also find a CSS class .myfonts
that adds padding to the element with class="myfonts"
:
.myfonts {
padding:1em .5em .5em;
}
These two classes are combined in the HTML to assign the table-cell styles and the padding to one particular element (NOTE the space between the classNames in the HTML).
<div class="tcell myfonts">
Conveniently, I also used the class “myfonts” to target the image within that containter without adding a class to that image.
.myfonts img {
display: block;
width:100%;
max-width:605px;
height:auto;
margin:0 auto;
}
Assigning more than one class to elements is a very common practice.
Hypothetically, if you wanted to add a third style to this particular element that is not needed elsewhere, you can combine the classes in CSS like this (NOTE that there is no space between the classNames.),
.tcell.myfonts {...}
That will target the element that has both classes.
Tutorials and a post:
https://css-tricks.com/multiple-class-id-selectors/
http://css.maxdesign.com.au/selectutorial/selectors_class.htm
https://www.sitepoint.com/community/t/multiple-classes/41697