What does "a[]" mean?

[L3010]

Sometime ago i was asking a member of the PB support forum of how to change the background color of individual categories. I was given code that looks like this:

a[name="category-5"] + .container.boards .content {
  background: #223452;
}
When targeting "Category-5 > container > boards > content" the CSS code is using "a[]" to target the certain category.

I have some questions about this code:

    • Is the "a[]" a part of some (i don't know the word, plugin, library, mod?) like jQuerry?

    • Is the "a[]" a part of the same as "$[]", the PB-variables?

    • Where can i learn more about "a[]"?

    • Is there more prefixes to a square bracket like "a[]" and "$[]" that does something in PB-stylesheets?

I'm asking this question because i want to understand more about modding PB-stylesheets and making plugins.

Thanks Leo

[Retread]

Jun 15, 2021 9:53:31 GMT -8 L3010 said:

a[name="category-5"] + .container.boards .content {
  background: #223452;
}

Hi L3010

Although the punctuation [] is the same as the template variables you previously asked about, the meaning here is quite different. What's shown above is CSS.

The first part of the selector:
a[name="category-5"]
refers to an HTML a element which has a name attribute, with the value "category-5"

You can learn more about attribute selectors here: www.w3schools.com/cssref/sel_attribute_value.asp

---

The + is a combinator. You can learn more about combinators here: www.w3schools.com/css/css_combinators.asp