zoukankan      html  css  js  c++  java
  • CSS ID选择器&通配选择器

    ID选择器

    ID(IDentity)是编号的意思,一般指定标签在HTML文档中的唯一编号。ID选择器和标签选择器、类选择器的作用范围不同。
    ID选择器仅仅定义一个对下对象的样式,而标签选择器和类选择器可以定义多个对象的样式。
    ID选择器以#号作为前缀,然后是一个自定义的ID名,用法如图所示

    示例:

    <!doctype html>
    <html>
    <head>
    	<style type="text/css">
    		#box{/*ID样式*/
    		background: url("../photos/野外.jpg")center bottom;
    			height: 200px;
    			 400px;
    			border: solid 2px red;
    			padding: 100px;
    			}
    	</style>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
    <body>
    	<div id="box">问君能有几多愁,恰似一江春水向东流</div>
    </body>
    </html>
    

    运行结果:

    除此之外,也可以为ID选择器指定标签范围。定义指定ID选择器的语法机构如图:

    采用这种方法可以提高该样式的优先级。

    通配选择器


    如果HTML所以元素都需要定意思相同的样式,则一个个分别为它们定义样式,会感到很麻烦。通过使用通配选择器可以解决这一麻烦。
    统配选择器是固定的,使用"*"表示,例如:

    <!DOCTYPE html>
    <html>
    	<head>	
        	<meta charset="utf-8">
            <title>通配符选择器(理解)</title>
            <base target="_self">
            <style>
    			*{
    				color: red;
    				}
    		</style>
        </head>
        <body>
    		<h1>我是标题</h1>
            <p>我是段落</p>
           	<a href="#">我是超链接</a>
        </body>
    </html>
    

  • 相关阅读:
    bzoj 2038 [2009国家集训队]小Z的袜子(hose)
    搭配飞行员
    codevs 1022 覆盖
    Tyvj-1338 QQ农场
    bzoj 3894 文理分科
    bzoj 1877 [SDOI2009]晨跑
    poj 3304 判断是否存在一条直线与所有线段相交
    poj 2318 向量的叉积二分查找
    poj 3608 凸包间的最小距离
    LA 4728 旋转卡壳算法求凸包的最大直径
  • 原文地址:https://www.cnblogs.com/kangna/p/11922765.html
Copyright © 2011-2022 走看看