问答详情
源自:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

想知道css属性前缀都是怎么分的 有什么区别

举个栗子  

<style type="text/css">

div{}

.div{}

#div{}

</style>


提问者:不羁风 2015-12-29 02:16

个回答

  • 微积分2016
    2016-01-21 21:44:37

    1. 标签选择器,格式:element{ };        (element为元素   h1,p,div,.....)

    2. 类选择器,  格式:.class{ };       (class为类名)

    3. ID选择器 ,格式:#id{ };     (id为id名,javascript会调用它)

  • 慕課君
    2015-12-29 11:42:41

    1、div{}是元素选择器,也就是直接把元素标签拿来用。

    2、.div{}是类选择器,你肯定要设置一个class=“div“。

    3、#div是ID选择器,你肯定要设置一个ID=”div“。

    总结:第一个,会让div里的所有元素变换样式。

                第二个,会让一个或多个同类的元素变换样式。

                第三个,会让单一一个元素变换样式。ok。

  • Eternity
    2015-12-29 02:47:11

    div是标签, .为前缀的是class类  #开头的是ID  比如你的例子: div{}是控制页面中的div元素,.div是操作  具有class=div的属性的元素,#div 是操作页面中具有id=div的元素。