Witam
Nie za bardzo jestem w stanie zrozumieć o co chodzi w tej konstrukcji
#block.align-center {
text-align: center;
}
lub
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul{
left: auto;
right: 120%;
}
są to style odnoszące się do budowanego przez mnie drop down menu natomiast nie za bardzo pojmuję ten zapis. Google tez za dużo w tej kwestii nie mówi. Ktoś się może w tym bardziej orientuje?
Pozdrawiam
#block.align-center {
text-align: center;
}
Zgodnie m.in. z tym: https://thenextweb.com/2011/03/22/writing-efficient-css-understand-your-selectors/ to będzie tak:
"Znajdź w dokumencie element o klasie align-center posiadający dodatkowo ID block i nadaj jego własności text-align wartość center".
Zauważ, że wartość center dla text-align oznacza "wyśrodkuj element liniowy w linii" (https://developer.mozilla.org/en-US/docs/Web/CSS/text-align), a wartość auto dla left (lub analogicznie dla right) jest trochę złożona, oznacza to: https://developer.mozilla.org/en-US/docs/Web/CSS/left.
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul{
left: auto;
right: 120%;
}
"Znajdź w dokumencie dwa elementy: (1) element <ul>, którego rodzicem jest element <ul>, którego rodzicem jest element <ul>, którego rodzicem jest element o klasie align-right posiadający dodatkowo ID cssmenu, (2) element <ul>, którego rodzicem jest element o klasie has-sub, którego rodzicem jest element o klasie has-sub, którego rodzicem jest element o klasie align-right posiadający ID cssmenu, i dla każdego z tych dwóch elementów nadaj ich własności left wartość auto, a ich własności right wartość 120%.
Zauważ, że wartość 120% dla right oznacza "120% szerokości rodzica" (oczywiście zakładając, że rodzic ma szerokość większą od 0).
UPDATE: Pamiętaj również, że wartości, które są nadawane w tych selektorach, mogą nie być zastosowane w rzeczywistości – zostanie to ustalone zgodnie z regułami dziedziczenia CSS.