WordPress.org

1. rahendz
   Member
   Posted 10 months ago #

   first sorry for my english. is there any way to calling class in a class on css? let say i've four class, two class handle the box to get rounded corner and i name it as border3 where its give'em 3px rounded and border5 where its give'em 5px rounded and than other two class is header and content, can i call border3 class or border5 in header or content class? or it can't? its more like call a function php in function. is anyone can help me figure this out? thanks before..

2. esmi
   Theme Diva & Forum Moderator
   Posted 10 months ago #

   is there any way to calling class in a class on css?

   .header.border3 {
   [...]
   }
   .header.border5 {
   [...]
   }

   Learning CSS

3. rahendz
   Member
   Posted 10 months ago #

   hi esmi, thanks for answer.. can u give me some example. i dunno what i must to do with that link.. :D

4. esmi
   Theme Diva & Forum Moderator
   Posted 10 months ago #

   It might help if we could see a page with your box markup in place.

5. rahendz
   Member
   Posted 10 months ago #

   here my css of rounded corner..

   .r3 {
   -moz-border-radius: 	3px;
   -khtml-border-radius: 	3px;
   -webkit-border-radius: 	3px;
   -o-border-radius:	3px;
   border-radius:		3px;
   }

   and for that i want to go like this..

   .content {
   [.r3]
   }
   
   .sidebar {
   [.rxx]
   }

   so for that, i want to call .r3 in the .content and call other rounded class in another class either.. i dont want to touch the .r3 if not necessary.. is there posibble?

6. Digital Raindrops
   Member
   Posted 10 months ago #

   .content .r3
   {
      -khtml-border-radius: 3px;
      -webkit-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
   }
   .sidebar .r4
   {
      -khtml-border-radius: 4px;
      -webkit-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
   }

   Also you could declare many elements and use the same class like.
   

   .navigation .r,
   .content .r,
   .sidebar .r
   {
      -khtml-border-radius: 3px;
      -webkit-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
   }
   
   .sidebar-2 .r,
   .sidebar-home .r
   {
      -khtml-border-radius: 4px;
      -webkit-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
   }

   Add a bit of code in functions.php to create a new sidebar, then a file for the new sidebar sidebar-home.php
   

   <?php if ( ! dynamic_sidebar( 'sidebar-home' ) ) : ?>
   	<p><?php echo __( 'Add widgets to the Home Sidebar, Admin > Appearance > Widgets', 'themenamespace' ); ?></p>
    <?php endif; ?>

   Then call it in home.php or index.php a page file.
   

   <div class="sidebar-3 r">
   <?php get_sidebar('home'); ?>
   </div>

   HTH

   David

7. rahendz
   Member
   Posted 10 months ago #

   thanks david.. ok, so the point is we cant calling class inner class right? like..

   .class {
       .class_other;
   }

   rather than..

   .class, .class_other {
   }

Reply

You must log in to post.