zoukankan      html  css  js  c++  java
  • CSS选择器

    1、常用选择器

    •类型选择器(即元素选择器或简单选择器)

    •后代选择器

      后代选择器可用来寻找特定元素或元素组的后代。

      后代选择器选择一个元素的所有后代。

    其他:伪类

            :link和:visited称为链接伪类,只能用于锚元素。

            其中:link伪类选择器用来寻找没有被访问过的链接。:visited伪类选择器用来寻找被访问过的链接。

            :hover、:active和:focus称为动态伪类,理论上可以应用于任何元素。

            其中:hover动态伪类选择器用来寻找鼠标悬处的元素。:active动态伪类选择器用来寻找被激活的元素。:focus伪类选择器用来寻找单击键盘移动到链接处的元素。

    2、通用选择器

    通用选择器作用就像通配符,它匹配所有可用元素。通用选择器由一个星号表示。通用选择器一般用来对页面上所有元素应用样式。

    例如:使用以下规则删除每个元素上默认的浏览器内边距和外边距:

    * {
       padding: 0;
       margin: 0;
    }
    

    3、高级选择器

    •子选择器

      自选择器只选择元素的直接后代,即子元素。

    •相邻同胞选择器

      相邻同胞选择器用于定位同一个父元素下某个元素之后的元素,这样可以不需要使用多余的类。

      例如:使用以下规则,通过使用相邻同胞选择器让顶级标题h2后面的第一个段落P显示为粗体、灰色且字号比第二个段落p较大。 

    h2 + p {
    	font-size: 1.4em;
    	font-weight: bold;
    	color: #777;
    }
    
    <h2>親譲(おやゆず)りの無鉄砲(むてっぽう)で小供の時から損ばかりしている。</h2>
    <p>小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。</p> 
    <p>なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。</p>

         

    •属性选择器

  • 相关阅读:
    03_ if 练习 _ little2big
    uva 11275 3D Triangles
    uva 12296 Pieces and Discs
    uvalive 3218 Find the Border
    uvalive 2797 Monster Trap
    uvalive 4992 Jungle Outpost
    uva 2218 Triathlon
    uvalive 3890 Most Distant Point from the Sea
    uvalive 4728 Squares
    uva 10256 The Great Divide
  • 原文地址:https://www.cnblogs.com/xixihuang/p/5263001.html
Copyright © 2011-2022 走看看