html - Editing classes from different classes -
What I want to do, changes the rotation of the element marked in green, when rotating an element in orange. I know that you can have things like
ul li.classname I have tried to do something like this, but I I do not think I fully understand different levels to reach different elements.
The code itself:
& lt ;! - Start the link for different pages - & gt; & Lt; Navigation ID = "Navigation" style = "margin-top: -15px; margin-left: -50px" & gt; & Lt; ul style = "list-style: none" class = "test" & gt; & Lt; A href = "index.html" & gt; & Lt; Img id = "home-button" src = "picture / home page" & gt; & Lt; / A & gt; & Lt ;! - Sweet Links - & gt; & Lt; Li class = "sweet-tabVis" & gt; & Lt; a href = "product page 1" & gt; & Lt; Img id = "sweet-button" src = "picture / Sweets_Button.png" & gt; & Lt; / A & gt; & Lt; / li & gt; & Lt; Ul style = "list-style: none" class = "sweet-tab invoices" & gt; & Lt; Li class = "test" & gt; & Lt; A href = "ProductsPage.html" & gt; & Lt; img src = "Pictures / AllSweets_Button-Dropdown.png" & gt; & Lt; / A & gt; & Lt; / li & gt; & Lt ;! - Start type tab - & gt; & Lt; li class = "type" style = "margin-top: -6px;" & Gt; & Lt; A href = "http://www.google.co.uk" & gt; & Lt; IMG src = "picture / typebetton -dropdown.png" & gt; & Lt; / A & gt; & Lt; / li & gt; & Lt ;! - Start Sublink Type Navigation - & gt; & Lt; Li class = "sweet-sublink" style = "margin-top: -62px;" & Gt; & Lt; A href = "ProductsPage.html" & gt; & Lt; IMG src = "picture / Boiled_Button-dropdown.png" & gt; & Lt; / A & gt; & Lt; a href = "Products page 1" & gt; & Lt; Img style = "margin-top: -7px;" src = "images / chewy_Button-dropdown.png" & gt; & Lt; / A & gt; & Lt ;! - End Sublink Type Navigation - & gt; & Lt; / li & gt; & Lt; Li style = "margin-top: -7px;" & Gt; & Lt; a href = "product page 1" & gt; & Lt; img src = "images / flavours_Button-dropdown.png" & gt; & Lt; / A & gt; & Lt; / li & gt; & Lt ;! - End Type tab - & gt; & Lt; / Ul & gt; & Lt; a href = "ContactUs.html" & gt; & Lt; Img id = "contact-button" style = "margin-left: 250px;" Src = "images / contactbutton.png" & gt; & Lt; / A & gt; & Lt ;! - Start the link for different pages - & gt; & Lt; Section & gt; & Lt; Img id = "search bar" src = "image / search_bar.png" & gt; & Lt; Input id = "search-box" style = "position: absolute; margin-top: -70px; margin-left: 920px; height: 20px; font-family: hwo standard; font-size: 14px; width: 150px "value =" search ... "type =" text "& gt; & Lt; / Input & gt; & Lt; / Section & gt; & Lt; / Ul & gt; & Lt; / Neo & gt; & Lt ;! - End Navigation - & gt; Thanks for any help!
In CSS,
It may be that you have the upper class ( Test )? .test> .mishti-tabways {your style}
Comments
Post a Comment