التعامل مع القولون في عنصر معرف في CSS محدد [مكررة]

Question

هذا السؤال سبق الجواب هنا:

• كيفية استخدام JSF إنشاء عنصر HTML ID مع القولون ":" في محددات CSS? 2 إجابات

JSF هو تحديد هوية من حقل الإدخال إلى search_form:expression.أنا بحاجة إلى تحديد بعض التصميم على هذا العنصر ولكن هذا القولون يبدو بداية الزائفة عنصر إلى المتصفح حتى يحصل على علامة غير صالحة و تجاهلها.هناك على أية حال للهروب من القولون أو ما شابه ؟

input#search_form:expression {
  ///...
}

Answer 1

مائل:

input#search_form\:expression {  ///...}

• انظر أيضا باستخدام مساحات مع CSS (MSDN)التالي

Answer 2

استخدام خط مائل عكسي قبل أن القولون لا يعمل في العديد من إصدارات IE (لا سيما 6 و 7 ؛ وربما آخرين).

الحل هو استخدام رمز عشري على القولون - وهو \3A

على سبيل المثال:

input#search_form\3A expression {  }

هذا يعمل في جميع المتصفحات:بما في ذلك IE6+ (وربما في وقت سابق؟), فايرفوكس, كروم, دار الأوبرا, الخ.انها جزء من CSS2 القياسية.

Answer 3

هذه المادة سوف اقول لكم كيفية الهروب من أي حرف في CSS.

الآن, هناك أداة على ذلك: http://mothereff.in/css-escapes#0search%5fform%3Aexpression

TL;DR جميع الإجابات على هذا السؤال غير صحيحة.تحتاج إلى الهروب سواء تسطير أسفل السطر (لمنع IE6 من تجاهل القاعدة تماما في بعض الحالات الحافة) و القولون حرف محدد للعمل بشكل صحيح في جميع المتصفحات المختلفة.

من الناحية الفنية, القولون يمكن أن يكون شخصية هرب كما \:, ولكن هذا لا يعمل في IE < 8 ، لذلك سيكون لديك لاستخدام \3a:

#search\_form\3a expression {}

Answer 4

يمكنك الهروب منه بخط مائل

input#search_form\:expression {
  ///...
}

من CSS المواصفات

4.1.3 الشخصيات الحالة

القواعد التالية دوما في الانتظار:

جميع أوراق الأنماط CSS ليست حساسة لحالة الأحرف ، باستثناء الأجزاء التي ليست تحت السيطرة CSS.على سبيل المثال ، حالة حساسية من القيم من سمات HTML "id" و "الطبقة" من أسماء الخط ، محددات تقع خارج نطاق هذه المواصفات.ملاحظة خاصة أن عنصر الأسماء حساسة لحالة الأحرف في HTML ، لكن القضية الحساسة في XML.في CSS ، معرفات (بما في ذلك عنصر أسماء الطبقات ، معرفات في محددات) يمكن أن تحتوي فقط على الأحرف [a-z0-9] و ISO 10646 الشخصيات U+00A1 العالي, بالإضافة إلى واصلة (-) و تسطير أسفل السطر (_);أنها لا يمكن أن يبدأ برقم أو واصلة تليها أرقام.معرفات يمكن أن تحتوي أيضا على هرب الشخصيات أي ISO 10646 الحرف رمز رقمي (انظر البند التالي).على سبيل المثال, المعرف "B&W?" قد يكون كما هو مكتوب "ب\&W\ ؟" ، أو "ب\26 W\3F".علما بأن Unicode هو رمز من رمز يعادل ISO 10646 (انظر [UNICODE] و [ISO10646]).

في CSS 2.1, خط مائل عكسي () حرف يشير إلى ثلاثة أنواع من الحرف يهرب.أولا, داخل سلسلة ، مائل تليها سطر جديد هو تجاهل (أي سلسلة يعتبر أن لا تحتوي على أي مائل أو السطر).

الثانية ، فإنه يلغي معنى خاص CSS الشخصيات.أي حرف (باستثناء ست عشري) يمكن أن يكون هرب مع مائل إلى إزالة لها معنى خاص.على سبيل المثال, "\"" هو سلسلة تتكون من واحد اقتباس مزدوجة.ورقة نمط preprocessors لا يجب أن إزالة هذه الخطوط المائلة العكسية من ورقة نمط لأن ذلك من شأنه أن تغيير نمط ورقة المعنى.

ثالثا مائل يهرب تسمح الكتاب إلى الرجوع إلى الشخصيات التي لا يمكن وضعها بسهولة في الوثيقة.في هذه الحالة مائل يليه على الأكثر ستة أرقام ست عشرية (0..9A..F), التي تقف على ISO 10646 ([ISO10646]) شخصية مع هذا العدد الذي لا يجب أن يكون صفر.(هو غير معروف في CSS 2.1 ماذا يحدث إذا كان نمط ورقة تحتوي على حرف مع Unicode codepoint صفر.) إذا كان الحرف في مجموعة [0-9a-f] يتبع رقم سداسي عشري, نهاية الرقم يجب أن يكون واضحا.هناك طريقتان للقيام بذلك:

مع مساحة (أو غيرها بيضاء حرف):"\26 ب" ("&B").في هذه الحالة, وكلاء المستخدم يجب أن تعامل "CR/LF" زوج (U+000D/U+000A) باعتبارها واحدة بيضاء حرف.من خلال توفير بالضبط 6 أرقام ست عشرية:"\000026B" ("&B") في الواقع, هذه الطرق قد تكون جنبا إلى جنب.فقط واحدة بيضاء الحرف هو تجاهلها بعد الست عشري الهروب.لاحظ أن هذا يعني أن "حقيقي" الفضائية بعد تسلسل الهروب ذاته يجب أن يكون إما هربوا أو الضعف.

إذا كان الرقم خارج النطاق المسموح به من قبل Unicode (على سبيل المثال, "\110000" فوق الأقصى 10FFFF يسمح الحالي Unicode) ، UA قد تحل محل الهروب مع "استبدال حرف" (U+FFFD).إذا كان الحرف هو عرض ، UA يجب أن تظهر رمزا واضحا ، مثل "مفقود حرف" الصورة الرمزية (cf.15.2, نقطة 5).

ملاحظة:مائل يهرب ، حيث يسمح تعتبر دائما أن تكون جزءا من معرف أو سلسلة (أي "\7B" ليس من علامات الترقيم ، على الرغم من "{" و "\32" مسموح به في بداية اسم الفئة ، على الرغم من "2" ليس).المعرف "te\st" هو بالضبط نفس المعرف باسم "اختبار".

Answer 5

كان لي نفس المشكلة مع كولون و كنت غير قادر على تغييرها (لا يمكن الوصول إلى التعليمات البرمجية outputing نقطتين) و أردت جلب لهم مع CSS3 محددات مع مسج.

لقد وضعتها هنا لأنها قد تكون مفيدة لشخص ما

input[id="something:something"] عملت بشكل جيد في محددات مسج, و قد عمل في الأنماط وكذلك (قد يكون المتصفح المسائل)

Answer 6

في JSF 2,0 يمكنك تحديد فاصل باستخدام web.xml ملف init-المعلمة من javax.الوجوه.SEPARATOR_CHAR

قراءة هذا:

• هل من الممكن تغيير معرف عنصر فاصل في JSF ؟

Answer 7

أنا أعمل في ADF إطار وأنا في كثير من الأحيان إلى استخدام مسج لتحديد العناصر.هذا الشكل يعمل بالنسبة لي.هذا يعمل في IE8 أيضا.

$('[id*="gantt1::majorAxis"]').css('border-top', 'solid 1px ' + mediumGray);

Answer 8

وجدت فقط هذا الشكل عملت لي IE7 (فايرفوكس أيضا), و أنا أستخدم JSF/Icefaces 1.8.2.

Say form id=FFF, element id=EEE

var jq=jQuery.noConflict();
jq(document).ready(function() {
jq("[id=FFF:EEE]").someJQueryLibFunction({ jQuery lib function options go here })
});