These standards should be followed for how visual designers will code banners and landing pages.
...
Code Block |
---|
language | css |
---|
theme | RDark |
---|
firstline | 1 |
---|
|
.my-element-classlisting {
/* ... */
}
[aria-hidden] {
/* ... */font-size: 18px;
line-height: 1.2;
} |
Selectors
In a rule declaration, “selectors” are the bits that determine which elements in the DOM tree will be styled by the defined properties. Selectors can match HTML elements, as well as an element's class, ID, or any of its attributes. Here are some examples of selectors:
Code Block |
---|
language | css |
---|
theme | RDark |
---|
firstline | 1 |
---|
|
.my-element-class {
/* some... selector */
{}
background: #f1f1f1;[aria-hidden] {
color: #333;/* ... */
} |
Properties
Finally, properties are what give the selected elements of a rule declaration their style. Properties are key-value pairs, and a rule declaration can contain one or more property declarations. Property declarations look like this:
Code Block |
---|
language | css |
---|
theme | RDark |
---|
firstline | 1 |
---|
|
/* some selector */ {
background: #f1f1f1;
color: #333;
} |
JS
TBD
Reference
airbnb coding standards