精华内容
下载资源
问答
  • 组合选择器

    2018-09-21 20:26:00
    组合选择器 特性:每个选择器可以为任意基本选择器或选择器组合 群组选择器 群组选择器用,隔开。每个选择器为均可以为任意合法选择器或选择器组合,可以控制多个 div,.s,section{ color:red; } 子代,后代选择器 1...

    组合选择器

    特性:每个选择器可以为任意基本选择器或选择器组合

    群组选择器

    群组选择器用,隔开。每个选择器为均可以为任意合法选择器或选择器组合,可以控制多个

    div,.s,section{
        color:red;
    }

    子代,后代选择器

    1.一次性控制一个选择器(逻辑最后的那个选择器),前置位的选择器为修饰性选择器

    2.每一个选择器位均可以为任意合法选择器或选择器组合

    3.子代选择器必须为一级父子嵌套关系,后代选择器可以为一级及多级父子嵌套关系

    子代选择器用>连接
    body>div{
        color:red;
    }
    后代选择器用空格连接
    .sup .sub{
        color:red;
    }

    相邻(兄弟选择器)

    一次性控制一个选择器(逻辑最后的那个选择器),前置位的选择器为修饰性选择器

    每一个选择器位均可以为任意合法选择器或选择器组合

    相邻选择器必须为直接相邻关系,兄弟选择器可以为直接相邻或间接相邻关系

    相邻选择器 + 连接 
    代码相邻 样式块作用于最后一个标签 
    span + section{
        background-color:pink;
     }
    兄弟选择器 ~连接
    包含相邻选择器 
    div ~ section{
         background-color:brown;
    } 

    交集选择器

    即是选择器1又是选择器2
     i.s{
        color:yellow;
    }

    多类名选择器

    多类名选择器 
    .d1{
        color:blue;
    }
    .d1.d2{
        color:tan;
    }
    .d1.d2.d3{
        color:#582;
    }
    
    <div class="d1 d2 d3">heh</div>

    组合选择器优先级

    组合选择器优先级与权值相关,权值为权重和

    权重对应关系

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8" />
        <title>组合选择器优先级</title>
        <style>
            同目录结构下
            1.子代与后代优先级相同
            body>div == body div
            2,相邻与兄弟优先级相同
            div+span == div~span
            3.最终样式采用逻辑后的样式值
    
            不同目录结构下
            1.根据选择器权值进行比较
            2.权值为标签权重之和
            3.权重 *:1  div:10  class:100  id:1000  !important:10000
            4.权值比较时,关心的是值大小,不关心位置与具体选择器名
            注:控制的是同一目标,才具有可比性
            5.id永远比class大,class永远比标签大
            /* 权重10 */
            div{
                color:red;
            }
            /* 权重20 */
            div div{
                color:yellow;
            }
            /* 大于一切标签 */
            .d2{
                color:blue;
            }
            /* .d2抵消 剩权重10 */
            div .d2{
                color:orange;
            }
            /* 等价于 div .d2 ,权值相同 位置决定 */
            .di div{
                color:pink;
            }
            /* 多10 */
            div .d1 div{
                color:tan;
            }
            /* 不具有可比性 */
            div .d1>div{
                color:green;
            }
            /* 高于一切 */
            #dd1 div{
                color:#000;
            }
        </style>
    </head>
    <body>
        <div>
            <div class="di">
                <div id="dd1">
                    <div>
                        <div class="d2">123456</div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    </html>
    • 选择器权值比较,只关心权重和,不更新选择器位置
    • 不同级别的选择器间不具备可比性:1个类选择器优先级高于n个标签选择器的任意组合

    属性选择器

    • [attr]:匹配拥有attr属性的标签
    • [attr=val]:匹配拥有attr属性,属性值为val的标签
    • [attr^=val]:匹配拥有attr属性,属性值以val开头的标签
    • [attr$=val]:匹配拥有attr属性,属性值以val结尾的标签
    • [attr*=val]:匹配拥有attr属性,属性值包含val的标签
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8" />
        <title>属性选择器</title>
        <style type="text/css">
            .d2{
                color:red;
            }
            /* 属性选择器权重==class选择器权重 */
            /* 有属性class的所有标签 */
            [class]{
                color:orange;
            }
            /* 有属性class且值为d2的所有标签(值不影响权重) */
            [class="d2"]{
                color:pink;
            }
            /* 交集选择器 */
            /* 是div且class="d2" ,权重增加*/
            div[class="d2"]{
                color:blue;
            }
            /* 属性以什么开头:^= */
            /* 属性以什么结尾:$=  */
            /* 属性模糊匹配: *=  */
            [class ^="he"]{
                color:yellow;
            }
            [class $="lo"]{
                color:tan;
            }
            [class *='el']{
                color:cyan;
            }
            [class][dd]{
                color:lightgoldenrodyellow;
            }
        </style>
    </head>
    <body>
        <!-- div.di>.d2 -->
        <div class="d1">000000
            <div class="d2">123456</div>
            <div class="hello" dd >helloworld</div>
        </div>
        <!-- <i><span class="di"></span></i> -->
    </body>
    </html>

    转载于:https://www.cnblogs.com/layerluo/p/9688338.html

    展开全文
  • 组合选择器> 子组合选择器>: 选择一个元素的直接子元素 //选择了.search这类下的所有直接子元素div(不会选择到子div下面的孙div) .search{ > div{ border:1px red solid } } 同层相邻组合选择器 + ...

    子组合选择器>

    子组合选择器>选择一个元素的直接子元素

    //选择了.search这类下的所有直接子元素div(不会选择到子div下面的孙div)
    .search{
        > div{
    		border:1px red solid
    	}
    }
    

    同层相邻组合选择器 +

    同层相邻组合选择器+: 选择同级的并紧跟在后的元素

    //选择header同级的并且紧跟着header之后的p元素
    header +p{
    	font-size: 2em
    }
    

    同层全体组合选择器 ~

    同层全体组合选择器~: 选择同级指定的一类元素,不管它们之间隔了多少个其他元素

    //选择header同级的所有p元素
    header ~p{
    	font-size: 2em
    }
    

    参考
    scss子组合选择器和同层组合选择器:> + ~

    展开全文
  • 组合选择器 种类 作用范围 语法 后代选择器 在 A 选择器的后代元素中找到 B 选择器所指的元素 A B{ } 子元素选择器 子元素选择器只找子元素,而不会把所有的后代都找一遍。...
    组合选择器
    种类 作用范围 语法
    后代选择器

    在 A 选择器的后代元素中找到 B 选择器所指的元素

    A B{

    }

    子元素选择器 子元素选择器只找子元素,而不会把所有的后代都找一遍。

    A>B{

    }

    兄弟选择器 选取某个元素后面紧邻的元素

    A+B{

    }

    选取某个元素后面所有的元素

    A~B{

    }

    交集选择器 找两个或多个选择器的交集

    AB{

    }

    并集选择器 把选择器不同但样式相同的 CSS 语法块做合并

    A,B{

    }

     

    展开全文
  • css组合选择器The following is an extract from our book, CSS Master, written by Tiffany B. Brown. Copies are sold in stores worldwide, or you can buy it in ebook form here. 以下是Tiffany B. Brown所著...

    css组合选择器

    cssmasterthumb

    The following is an extract from our book, CSS Master, written by Tiffany B. Brown. Copies are sold in stores worldwide, or you can buy it in ebook form here.

    以下是Tiffany B. Brown所著《 CSS Master》一书的摘录。 副本在世界各地的商店中都有出售,或者您可以在此处以电子书形式购买

    CSS rules are matched to elements with selectors. There are a number of ways to do this, and you’re probably familiar with most of them. Element type, class name, ID, and attribute selectors are all well-supported and widely used.

    CSS规则与带有选择器的元素匹配。 有很多方法可以做到这一点,并且您可能对大多数方法都很熟悉。 元素类型,类名,ID和属性选择器均得到良好的支持并得到广泛使用。

    The Selectors Level 3 and Level 4 specifications introduced several new selectors. In some cases, these are new variations of existing types. In other cases, they are new features of the language.

    选择器3级4级规范引入了几个新的选择器。 在某些情况下,这些是现有类型的新变体。 在其他情况下,它们是语言的新功能。

    In this chapter, we’ll look at the current browser landscape for CSS selectors, with a focus on newer selectors. This includes new attribute selectors and combinators, and a range of new pseudo-classes. In the section Choosing Selectors Wisely, we look at the concept of specificity.

    在本章中,我们将介绍CSS选择器的当前浏览器格局,重点是较新的选择器。 这包括新的属性选择器和组合器,以及一系列新的伪类。 在“ 明智地选择选择器 ”部分中,我们介绍了特异性的概念。

    This chapter stops short of being a comprehensive look at all selectors―that could be a book unto itself. Instead, we’ll focus on selectors with good browser support that are likely to be useful in your current work. Some material may be old hat, but it’s included for context.

    本章没有对所有选择器进行全面介绍,这可能是一本关于它的书。 相反,我们将重点关注具有良好浏览器支持的选择器,这些选择器可能对您当前的工作有用。 有些材料可能是旧帽子,但出于上下文考虑已将其包括在内。

    提示:选择器的浏览器范围 (Tip: Browser Coverage for Selectors)

    A comprehensive look at the current state of browser support for selectors can be found at CSS4-Selectors.

    可以在CSS4-Selectors中找到浏览器对选择器支持的当前状态的全面介绍

    组合器 (Combinators)

    Combinators are character sequences that express a relationship between the selectors on either side of it. Using a combinator creates what’s known as a complex selector. Complex selectors can, in some cases, be the most concise way to define styles.

    组合器是表示其任一侧选择器之间关系的字符序列。 使用组合器可创建所谓的复杂选择器。 在某些情况下, 复杂的选择器可能是定义样式的最简洁的方法。

    You should be familiar with most of these combinators:

    您应该熟悉以下大多数组合器:

    • descendant combinator, or whitespace character

      后代组合符或空白字符

    • child combinator, or >

      子组合器,或>

    • adjacent sibling combinator, or +

      相邻的同级组合器,或+

    • general sibling combinator, or ~

      一般同级组合器,或~

    Let’s illustrate each of these combinators. We’ll use them to add styles to the HTML form shown below.

    让我们说明这些组合器。 我们将使用它们将样式添加到如下所示HTML表单中。

    SelectorsCombinators

    This form was created using the following chunk of HTML:

    此表单是使用以下HTML块创建的:

    <form method="GET" action="/processor">
    <h1>Buy Tickets to the Web Developer Gala</h1>
    <p>Tickets are $10 each. Dinner packages are an extra $5. All fields are required.</p>
    <fieldset>
    	<legend>Tickets and Add-ons</legend>
    
    	<p>
    		<label for="quantity">Number of Tickets</label> 
    		<span class="help">Limit 8</span>
    		<input type="number" value="1" name="quantity" id="quantity" step="1" min="1" max="8">
    </p>
    
    	<p>
    		<label for="quantity">Dinner Packages</label> 
    		<span class="help">Serves 2</span>
    		<input type="number" value="1" name="quantity" id="quantity" step="1" min="1" max="8">
    	</p>
    
    </fieldset>
    <fieldset>
    	<legend>Payment</legend>
    	<p>
    		<label for="ccn">Credit card number</label>
    		<span class="help">No spaces or dashes, please.</span>
    		<input type="text" id="ccn" name="ccn" placeholder="372000000000008" maxlength="16" size="16">
    	</p>
    	<p>
    		<label for="expiration">Expiration date</label>
    		<span class="help"><abbr title="Two-digit month">MM</abbr>/<abbr title="Four-digit Year">MM</abbr>YYYY</span>
    		<input type="text" id="expiration" name="expiration" placeholder="01/2018" maxlength="7" size="7">
    	</p>
    
    </fieldset>
    <fieldset>
    	<legend>Billing Address</legend>
    	<p>
    		<label for="name">Name</label>
    		<input type="text" id="name" name="name" placeholder="ex: John Q. Public" size="40"> 
    	</p>
    	<p>
    		<label for="street_address">Street Address</label>
    		<input type="text" id="name" name="name" placeholder="ex: 12345 Main Street, Apt 23" size="40">
    	</p>
    
    	<p>
    		<label for="city">City</label>
    		<input type="text" id="city" name="city" placeholder="ex: Anytown">
    	</p>
    
    	<p>
    		<label for="state">State</label>
    		<input type="text" id="state" name="state" placeholder="CA" maxlength="2" pattern="[A-W]{2}" size="2">
    	</p>
    
    	<p>
    		<label for="zip">ZIP</label>
    		<input type="text" id="zip" name="zip" placeholder="12345" maxlength="5" pattern="0-9{5}" size="5">
    	</p>
    </fieldset>
    
    <button type="submit">Buy Tickets!</button>
    </form>

    后裔组合者 (The Descendant Combinator)

    You’re probably quite familiar with the descendant combinator. It’s been around since the early days of CSS (though it was without a type name until CSS2.1). It’s widely used and widely supported.

    您可能对后代组合器非常熟悉。 自CSS诞生以来就已经存在(尽管直到CSS2.1才使用类型名称)。 它得到了广泛的使用和广泛的支持。

    The descendant combinator is just a whitespace character. It separates the parent selector from its descendant, following the pattern A B, where B is an element contained by A. Let’s add some CSS to our markup from above and see how this works:

    后代组合器只是一个空白字符。 它遵循模式AB将父选择器与其后代分开,其中BA包含的元素。 让我们从上方将一些CSS添加到我们的标记中,看看它是如何工作的:

    form h1 {
    color: #009;
    }

    We’ve just changed the color of our form title, the result of which can be seen below.

    我们刚刚更改了表单标题的颜色,其结果可以在下面看到。

    DescendantCombinator

    Let’s add some more CSS, this time to increase the size of our pricing message (“Tickets are $10 each”):

    让我们添加更多CSS,这次增加我们的定价消息的大小(“门票每张$ 10”):

    form p {
    font-size: 22px;
    }

    There’s a problem with this selector, however, as you can see below. We’ve actually increased the size of the text in all of our form’s paragraphs, which isn’t what we want. How can we fix this? Let’s try the child combinator.

    但是,此选择器存在问题,如下所示。 实际上,我们已经增加了表单所有段落中文本的大小,这不是我们想要的。 我们该如何解决? 让我们尝试一下子组合器。

    DescendentCombinator2

    儿童组合器 (The Child Combinator)

    In contrast to the descendant combinator, the child combinator (>) selects only the immediate children of an element. It follows the pattern A > B, matching any element B where A is the immediate ancestor.

    与后代组合器相反, 子组合器 (>)仅选择元素的直接子代 。 它遵循模式A> B ,与其中A是直接祖先的任何元素B匹配。

    If elements were people, to use an analogy, the child combinator would match the child of the mother element. But the descendant combinator would also match her grandchildren, and great-grandchildren. Let’s modify our previous selector to use the child combinator:

    如果元素是人,使用类推,则子组合器将匹配母元素的子元素。 但是后代组合器也会匹配她的孙子和曾孙子。 让我们修改之前的选择器以使用子组合器:

    form > p {
    font-size: 22px;
    }

    Now only the direct children of article are affected, as shown below.

    现在,仅article的直接子级会受到影响,如下所示。

    ChildCombinator

    相邻兄弟组合器 (The Adjacent Sibling Combinator)

    With the adjacent sibling combinator (+), we can select elements that follow each other and have the same parent. It follows the pattern A + B. Styles will be applied to B elements that are immediately preceded by A elements.

    使用相邻的同级组合器 ( + ),我们可以选择彼此相邻且具有相同父级的元素。 它遵循模式A + B。 样式将被应用于被立即A元素前面元素。

    Let’s go back to our example. Notice that our labels and inputs sit next to each other. That means we can use the adjacent sibling combinator to make them sit on separate lines:

    让我们回到我们的例子。 请注意,我们的标签和输入内容彼此相邻。 这意味着我们可以使用相邻的同级组合器使它们位于单独的行上:

    label + input {
    display: block;
    clear: both;
    }

    You can see the results below.

    您可以在下面看到结果。

    AdjacentSibling1

    Let’s look at another example that combines the universal selector (*) with a type selector:

    让我们看一下将通用选择器(*)与类型选择器结合在一起的另一个示例:

    * + fieldset {
    margin: 5em 0;
    }

    This example adds a 5em margin to the top and bottom of every fieldset element, shown below. Since we’re using the universal selector, there’s no need to worry about whether the previous element is another fieldset or p element.

    此示例在每个fieldset元素的顶部和底部添加了5em余量,如下所示。 由于我们使用的是通用选择器,因此无需担心前一个元素是另一个fieldset还是p元素。

    AdjacentSibling3

    注意:相邻兄弟选择器的更多用途 (Note: More Uses of the Adjacent Sibling Selector)

    Heydon Pickering explores more clever uses of the adjacent sibling selector in his article “Axiomatic CSS and Lobotomized Owls.”

    Heydon Pickering在他的文章“公理CSS和Lobotomized Owls”中探索了对相邻兄弟选择器的更巧妙的用法

    What if we want to style a sibling element that isn’t adjacent to another, as with our Number of Tickets field? In this case, we can use the general sibling combinator.

    如果我们想设置一个相邻的兄弟元素的样式,例如“票数”字段,该怎么办? 在这种情况下,我们可以使用通用的同级组合器。

    通用同级组合器 (The General Sibling Combinator)

    With the general sibling combinator―a tilde―we can select elements that share the same parent without considering whether they’re adjacent. Given the pattern A ~ B, this selector matches all B elements that are preceded by an A element, whether or not they’re adjacent.

    使用通用同级组合器(波浪号),我们可以选择共享同一父级的元素,而无需考虑它们是否相邻。 给定模式A〜B ,此选择器将匹配所有A元素之后的B元素,无论它们是否相邻。

    Let’s look at the Number of Tickets field again. Its markup looks like this:

    让我们再次查看“票数”字段。 其标记如下所示:

    <p>
    <label for="quantity">Number of Tickets</label> 
    <span class="help">Limit 8</span>
    <input type="number" value="1" name="quantity" id="quantity" step="1" min="1" max="8">
    </p>

    Our input element follows the label element, but there is a span element in between. Since a span element sits between input and label, the adjacent sibling combinator will fail to work here. Let’s change our adjacent sibling combinator to a general sibling combinator:

    我们的input元素位于label元素之后,但是它们之间有一个span元素。 由于span元素位于inputlabel之间,因此相邻的同级组合器将无法在此处工作。 让我们将相邻的同级组合器更改为通用同级组合器:

    label ~ input {
    display: block;
    }

    Now all of our input elements sit on a separate line from their label elements, as seen below.

    现在,我们所有的input元素与其label元素都位于单独的行label ,如下所示。

    GeneralSiblingCombinator

    Using the general sibling combinator is the most handy when you lack full control over the markup. Otherwise, you’d be better off adjusting your markup to add a class name. Keep in mind that the general sibling combinator may create some unintended side effects in a large code base, so use with care.

    当您缺乏对标记的完全控制时,使用通用的同级组合器最方便。 否则,最好调整标记以添加类名。 请记住,同级组合器可能会在较大的代码库中产生一些意想不到的副作用,因此请谨慎使用。

    翻译自: https://www.sitepoint.com/css-selectors-combinators/

    css组合选择器

    展开全文
  • 选择器:基础选择器+组合选择器 基础选择器: 标签选择器 p { fontsize:25px; } id选择器 .passName{ color:red; } class选择器 #idName{ backgroundcolor:yellow; } 组合选择器: *区分多元素选择器与...
  • css组合选择器Combinators in CSS are used to explain a relationship between two selectors. A selector can be simple to complex and we can combine any two selectors through combinator. CSS中的组合器...
  • android日期时间组合选择器
  • 关联选择器和组合选择器 span b{/* 关联选择器--选择器中的选择器 b | span b */ background-color:#009; color:#3C0; } /*组合选择器*/ .haha,.hehe,div{/*对多种选择器进行相同样式的定义*/ background-...
  • css选择器---组合选择器

    万次阅读 2019-05-20 17:52:48
    2、组合选择器 (1)包含选择器 格式:包含选择符名 选择符{样式} 例:<html> <head> <meta charset="utf-8"> <title>CSS基础</title> <style type="text/css"> #header p { ...
  • CSS组合选择器

    2019-12-04 11:42:02
    1.什么是组合选择器? 把基本选择器 、通过特殊符号串连在一起 ; 1.分组选择器——>把多个选择器用,隔开——>div,p,ul <!DOCTYPE html> <html lang="zh"> <head> <meta charset=...
  • CSS 选择器总结基础选择器组合选择器属性选择器伪类选择器链接伪类:first-child 伪类 基础选择器 基础选择器共有四种 通配符选择器:* ,匹配任何元素 标签选择器: E,匹配所有的E标签元素 class选择器:.info,...
  • css层叠样式表 基础: 选择器 基础知识:多级选择器 中间用空格; 组合选择器 中间用逗号;伪选择器是指的针对元素的一种状态 示例代码: 效果: ...
  • CSS组合选择器

    2020-10-13 11:20:54
    CSS组合选择器可以直观的知道两个选择器之间的关系。 在 CSS3 中包含了四种组合方式: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以波浪号分隔) 后代...
  • 一个日期时间组合选择器,精确到分。
  • CSS 组合选择器

    2019-02-21 14:39:00
    CSS 组合选择器 注:使用逗号分隔,同时应用。 多个id选择器拼接到一起 含有:i1 i2 i3的标签同时应用css样式。 <html> <head> <!-- style 设置头部标签 --> <style> /*可将...
  • 1.关联选择器:选择器中的选择器 ...2.组合选择器: 多种选择器采用同样的样式 .haha, div b{ background-color:#0066CC; color:#FFFFFF; } 3.伪元素选择器:通常用于点击前及鼠标悬停 a:link{ backgr
  • 这篇博客主要介绍的是 CSS 选择器的第三种分类——组合选择器组合选择器是将我们之前所学习的 CSS 选择器的用法结合到一起的一种用法,从定位 HTML 元素的结果上可以分为如下两种: 组合交集选择器。 组合并集...
  • css组合选择器

    2017-12-10 23:28:00
    组合选择器:1,后代选择器 .main h2 {...}, 使用空格表示 IE6+2,子选择器 .main>h2 {...}, 使用 > 表示 IE7+3,兄弟选择器 h2+p {...}, 使用 + 表示 IE7+另一个兄弟选择器h2~p {...}, 使用~表示(此标签...
  • 一:css组合选择器  特性:每个选择器位可以为任意基本选择器或选择器组合 选择器分为以下几类:  群组选择器,子代(后代)选择器,相邻(兄弟)选择器,交集选择器,多类名选择器 1、群组选择器: ...
  • CSS基础之组合选择器

    2020-03-26 12:57:14
    CSS 组合选择器 CSS 组合选择符可以让你直观的明白选择器与选择器之间的关系。 CSS3 中包含了以下四种组合选择器: 后代选择器(以空格分隔) 子元素选择器(以**>**号分隔) 相邻兄弟选择器(以**+**分隔) ...
  • css-组合选择器

    2017-08-30 16:24:00
    CSS中组合选择器,算是基础选择器的升级版, 也就是组合去使用基础选择器的意思,因为配合一些 CSS 的专有语法,所以初学者比较难看懂, 下面枚举几个常用的选择器作为例子,略谈一下CSS的组合选择器的使用。 ...
  • 一:css组合选择器特性:每个选择器位可以为任意基本选择器或选择器组合选择器分为以下几类:群组选择器,子代(后代)选择器,相邻(兄弟)选择器,交集选择器,多类名选择器1、群组选择器:div,sqan, .red, #div {color...
  • 15 组合选择器

    2019-01-10 17:33:00
    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>组合选择器</title> <style> /*通配符*/ *{ ...
  • CSS-组合选择器

    2020-12-08 21:12:17
    CSS-组合选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>class类型选择器</title> <style type="text/css"> .class01 , #id01{ color: ...
  • CSS入门系列(三)关联选择器&组合选择器目录CSS入门系列三关联选择器组合选择器 目录 关联选择器 组合选择器 伪元素选择器1. 关联选择器定义是:选择器中的选择器。假设如下:这个一个</b>div 这个一个</b>span我们...
  • 组合选择器 后代选择器 div p (选择所有后代p,与子元素选择器不同,子元素选择器只选择儿子一代) 并集选择器 div,p 交集选择器 div.d1 子元素选择器 div > p 序列选择器ul li:first-child 与 ul li:last-child ...
  • <... <head> <meta charset="UTF-8"> <...CSS的扩展选择器<... /*(1)关联选择器 设置div标签里面p标签的样式,嵌套标签里面的样式*/ div p { background-color: blue; color: red.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,612
精华内容 2,644
关键字:

组合选择器