Heim > Web-Frontend > HTML-Tutorial > CSS写法,基本语法的问题_html/css_WEB-ITnose

CSS写法,基本语法的问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:02:30
Original
1069 Leute haben es durchsucht

如有这么一个代码


 
  • 11111
             

                   
    • 1

    •               
    • 2

    •               
    • 3

    •       




  • CSS如下
    #abc
    {
    alignment-adjust:auto;
     ruby-align:left;
    }
    问题是我什么对
    里的
    • 写CSS,能不能写在#abc 里,这样也好管理代码

      #abc
      {
      alignment-adjust:auto;
       ruby-align:left;
      .li..................
      .ul.............这类的
      }


      回复讨论(解决方案)

      可以写成这样:
      #abc .li{
      ....
      }
      #abc.ul{
      ....
      }

      不能像楼主那样写的。

      可以写成这样:
      #abc .li{
      ....
      }
      #abc .li .ul{
      ....
      }
      #abc.ul{
      ....
      }
      都可以的

      朋友,其实你想的那样的方法并不容易管理代码。
      比如你说的:
      #abc
      {
      alignment-adjust:auto;
       ruby-align:left;
      .li..................
      .ul.............这类的
      }
      这样的如果层级嵌套的多了,会很麻烦。
      另外,纠正你一个问题,li和ul是html标签,前面不需要加"."  "."是代表class
      相比之下
      #abc li{
      }
      #abc ul{
      }
      这样就清晰多了,方便你看层级关系

  • Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage