两个class类中间什么时候加空格什么时候不加空格?

在jQuery或者css中,加不加这个空格是有明显的区别哦,两个类之间加空格和不加空格的区别

1.当一个标签有两个类的时候,(也就是说这两个了类是同级的)则,在两个类之间不加空格。

2.当这两个类的标签是父子关系,(也可以说是上下级关系)则,在两个类之间必须加空格。

例如:我想实现是第二种关系,所以,当我不加空格的时候,不能正常运行,并且还不会报任何错误

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>慢慢的隐藏div里面的内容title>
        <script type="text/javascript" src="js/JQuery.js">script>
        <script type="text/javascript">
            $(document).ready(function () {
                $(".div_class .but_class").click(function(){
                    $(this).parents(".div_class").hide("slow");
                });
            });
        script>
    head>
    <body>
        <h2>隐藏1h2>
        <div class="div_class">
            <button class = "but_class">点击1button>
            <p class="p_class">此句话可以隐藏起来哦!此句话可以隐藏起来哦!此句话可以隐藏起来哦!此句话可以隐藏起来哦!p>        
        div>
            
        <h2>隐藏2h2>
        <div class="div_class">
            <button class = "but_class">点击2button>
            <p class="p_class">此句话可以隐藏起来哦!此句话可以隐藏起来哦!此句话可以隐藏起来哦!此句话可以隐藏起来哦!p>        
        div>
    body>
html>

 

转载于:https://www.cnblogs.com/zxrxzw/p/10822187.html

你可能感兴趣的:(两个class类中间什么时候加空格什么时候不加空格?)