• Registered: 2012-04-11
  • Posts: 56

Topic: how to use the symbol ">" in css

hi all,

i want to move the "h2" and "#arrow" together, in my mind they are one. i can't write a arrow(--->)

i only know that the symbol ">" mean a relationship between parent-son but i can't use it .

<div class="toggle">
    <h2>move &raquo</h2><div id="arrow"></div>
    <br /></div>

css code:(i wat them to move together!)

.toggle:hover{
        cursor:pointer;
    > h2{ width:500px;
          letter-spacing:8px;
         }
   #arrow{
       margin-top:-43px;
       margin-left:40%;
       border-width:25px;
       border-color:rgba(218, 236, 244, 0.9) rgba(218, 236, 244, 0.9) rgba(218, 236, 244, 0.9) gray;
       border-style:solid;
       width:0;
       height:0;
       line-height:0;
       }
    }

the code above doesn't work ! how to improve it?

many thanks!

i am a rails rookie
  • Registered: 2012-04-11
  • Posts: 56

Re: how to use the symbol ">" in css

maybe the :before and :after is better.

i am a rails rookie
  • Registered: 2012-07-18
  • Posts: 15

Re: how to use the symbol ">" in css

first of all the '>' selector selects direct children of given type:

  <div id='parent'>
     <div id='child1' />
     <div id='child2'>
         <div id='child3' />
     </div>
  </div>

--- css ----
#parent > div { border: 1px solid red; }

#child1 and #child2 have red border but the #child3 doesn't, because it is direct child of #child2

I think you wanted to have something like:

<a href='#' class='toggle'>more <span>&raquo;</span></a>
--- css ---
.toggle:hover span {...}
  • Registered: 2012-08-24
  • Posts: 10

Re: how to use the symbol ">" in css

A symbol is used in a cascading style sheet (CSS) just like any other class. The symbol parameters are declared with the class in the CSS.
Example:
node {
    class :
"@|symbolResource(ilog/views/palettes/shared/symbols/
  Rectangular.css,Symbol,Symbols.Basic.Rectangular,ilog/views/palettes/shared/
  palette.xml,file:data/palettes/jviews-palette-shared-symbols.jar)";
    name : "no-name" ;
}

Web design chennai

Web design chennai
  • Registered: 2012-09-03
  • Posts: 3

Re: how to use the symbol ">" in css

try this it ll solve your issue

toggle:hover h2 #arrow{ within this write your style}


Web development services

  • Registered: 2012-09-10
  • Posts: 9

Re: how to use the symbol ">" in css

A symbol is used in a cascading style sheet (CSS) just like any other class. The symbol parameters are declared with the class in the CSS.Thanks for giving such a nice information......
Web Designing || Web Design Company Website || Web Design Companies

  • Registered: 2012-11-21
  • Posts: 22

Re: how to use the symbol ">" in css

arijith04 wrote:

In CSS selector and their differences. let me show a sample code to understand the signs.


<div id="container">
   <p>First</p>
    <div>
        <p>Child Paragraph</p>
    </div>
   <p>Second</p>
   <p>Third</p>
</div>

Thats mean It will target all P element which are direct children of container div, not children of child div.

  • Registered: 2013-04-18
  • Posts: 2

Re: how to use the symbol ">" in css

yes we can use thorugh any id and any class....
urdu newspaper | english newspaper | news from pakistan | pakistani matrimony | pakistani matrimonial | pakistani matrimonial sites

  • Registered: 2013-04-26
  • Posts: 6

Re: how to use the symbol ">" in css

Hi there I really like your blog. I am going to subscribe, so I can learn more. I can't wait to receive updates through e-mail. 
Lipozene Reviews

  • Registered: 2013-04-26
  • Posts: 6

Re: how to use the symbol ">" in css

Well somehow I got to read lots of articles on your blog. It’s amazing how interesting it is for me to visit you very often.  Lipozene

  • Registered: 2013-04-26
  • Posts: 6

Re: how to use the symbol ">" in css

slimquick We are a group of volunteers and starting a new initiative in a community. Your blog provided us valuable information to work on.You have done a marvellous job!

Last edited by Lipozene88 (2013-04-29 09:30:27)

  • Registered: 2013-04-26
  • Posts: 6

Re: how to use the symbol ">" in css

After read a couple of the articles on your website these few days, and I truly like your style of blogging. I tag it to my favorites internet site list and will be checking back soon. Please check out my web site also and let me know what you think.
Slimquick Reviews

Last edited by Lipozene88 (2013-04-30 09:02:14)

  • Registered: 2013-04-26
  • Posts: 6

Re: how to use the symbol ">" in css

I am very much overwhelmed by your thoughts for this particular story. A more deeper and staged knowledge would be good for me
Lipozene Diet Pills

Last edited by Lipozene88 (2013-05-01 03:28:13)

  • Registered: 2013-05-13
  • Posts: 1

Re: how to use the symbol ">" in css

I am very much overwhelmed by your thoughts for this particular story. A more deeper and staged knowledge would be good for me   Sensa Side Effects

  • Registered: 2013-05-12
  • Posts: 4

Re: how to use the symbol ">" in css

Buy Wizardry Online Gold, The prices are worth spending, deliveries are usually completed within a few minutes. aion kinah If you are not 100% satisfied with our service, you may request a refund at any time before delivery.  provide cheap lineage2 gold and lineage2 power leveling,cheap lineage2 adena service buy aion kinah

  • Registered: 2013-05-12
  • Posts: 4

Re: how to use the symbol ">" in css

Get all the latest travel and tourism news from travel expert tratrips. We offer you travel advice, tips and destination information travel tips   Travel guide from online tour, you can get tour suggestions for your holiday trips. Online Tour Travel guide and vacation suggestions at tratour.com. Useful infos to make you have a nice trip. Tour Infos

  • Registered: 2013-05-12
  • Posts: 4

Re: how to use the symbol ">" in css

Our experienced guides will let your tour have no worries,providing trip news,tour tips and so on. By A Tour Travel guides and guidebooks. Travel advice, tips and destination information to inspire you from take trip   Find travel news, pictures and video from havtrip.com,Learn about the best destinations, the best ways to get there. have a trip

  • Registered: 2013-05-12
  • Posts: 4

Re: how to use the symbol ">" in css

buy Texas HoldEm Poker Zygna poker chips,  Buy Zynga Poker Chips   Facebook zynga poker chips,cheap Zynga poker chips, Buy facebook poker chips 100 million is around $10 cheaper than official retail. zynga poker chips

  • Registered: 2013-04-26
  • Posts: 6

Re: how to use the symbol ">" in css

This is what I have been searching in many websites and I finally found it here. Amazing article. Lipozene
<a href="http://www.health5online.com">Lipozene</a>

Last edited by Lipozene88 (2013-05-18 02:30:58)

  • Registered: 2013-05-02
  • Posts: 3

Re: how to use the symbol ">" in css

A symbol is used in a cascading style sheet (CSS) just like any other class. The symbol parameters are declared with the class in the CSS. The only difference is that the class declaration has another syntax

joestokerfitness[dot]co[dot]uk/contact-personal-trainer-loughton-essex[dot]html