黑马程序员技术交流社区

标题: css中只能对所有input标签设置么? [打印本页]

---

作者: 张博    时间: 2012-4-30 23:03
标题: css中只能对所有input标签设置么?
目的是实现不同功能的input  采用不同的css，不知道怎么实现啊，求高人

---

作者: 苏腾    时间: 2012-5-1 08:12
http://blog.csdn.net/suteng666/article/details/7525145 你可以看看这个！

---

作者: 黑马李亮    时间: 2012-5-1 09:54
可以用css的标签属性选择器  具体用法
input[type=text]  选择所以文本框
input[type=button] 选择所有按钮

---

作者: 张博    时间: 2012-5-2 10:16

wlitsoft 发表于 2012-5-1 09:54
可以用css的标签属性选择器  具体用法
input[type=text]  选择所以文本框
input[type=button] 选择所有按钮 ...

这样只能实现对所有相同控件的属性设置。如果一个页面中有好多个text，我想对其中的某几个相关的控件设置CSS怎么办呢？我知道可以指定其id，但是这样一来text的id又会重复。使用其他调用时会冲突啊

---

作者: 刘建法    时间: 2012-5-2 10:20
使用一个 id 有不同的时候在 使用内锲style的方法 覆盖原来的样式！

---

作者: 郑森    时间: 2012-5-2 13:39
用class选择器 或id选择器，取不同的class或id

---

作者: 鲍晨    时间: 2012-5-2 14:36
可以用class属性去不同的css文件，这样css文件就用“.”定义，也可以根据标签的id取不同的css，这时用“#”定义

---

作者: 胡博    时间: 2012-5-3 07:51
可以通过后代选择；
例如：
  <style type="text/css">
     ul li ul li ul li {
      color:#ff0000;
  }
ul li ul li ul li#t {
      color:#00ff00;
  }   
     </style>


<ul>
     <li>a</li>
     <li>b
        <ul>
            <li>d</li>
            <li>f
            <ul>
            <li>h</li>
            <li id="t">t</li>
            <li>j</li>
            </ul>
             </li>
            <li>g</li>
        </ul>
    </li>
     <li>c</li>
  </ul>

---

作者: 胡博    时间: 2012-5-3 07:54
D:\01.jpg效果图：

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2