CSS选取器 教学:CSS 语法“群组化”

       CSS选取器的"群组化"把好几个不同的 CSS选取器 合併在一起,是CSS语法的基本功能之一。常常我们的CSS选取器中会有好几个不同的CSS选取器地方需要使用到相同的设定时,一个一个分开写会是一件满累人的工作,重覆性太高且显得冗长,更不好管理….

       在 CSS 语法的基本设定中,就可以把这几个相同设定的CSS选择器合併在,群组化在一起,原本可能是写了 7~8 行相同的语法,合在一起后就只要短短的一小行,怎麽看都让人心旷神怡啊~

 例如:当有好几个CSS选择器刚好都需要把文字的颜色设定为灰色的时候,一个一个分开写的方法式,感觉就很繁琐,如下:

h1 { color:#666666; }

h2 { color:#666666; }

h3 { color:#666666; }

h4 { color:#666666; }

ul { color:#666666; }

p { color:#666666; }

#AAA { color:#666666; }

#BBB { color:#666666; }


CSS群组化:把这几个CSS选择器使用逗号合併在一起,就只要短短的一小行,如下:


h1, h2, h3, h4, ul, p, #AAA, #BBB { color:#666666; }


使用“群组化”选取器 可以使我们的 CSS 样式变得比较简洁,将来又好管理和方便修改,这种写法是 CSS 语法最基础的功能之一,只要把这一些基础的用法都熟悉了,同学们自然而然就可以练出漂亮的 CSS 样式喽


合作伙伴

网站备案:豫ICP备15023476号-1 唯特科技