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.

Enter image details here

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

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -